# ts_admin

**Repository Path**: http_git.oschina.net/ts_admin

## Basic Information

- **Project Name**: ts_admin
- **Description**: 使用ts玩一下管理台
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2019-01-31
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# ts-admin

## Project setup

```
npm install
```

### Compiles and hot-reloads for development

```
npm run serve
```

### Compiles and minifies for production

```
npm run build
```

### Run your tests

```
npm run test
```

### Lints and fixes files

```
npm run lint
```

##思考问题,vue+ts 使用 render 渲染函数，为啥不显示结果:DataCalendar_v1.vue,这个 demo 版本

## 报这个错误: Error in nextTick: "TypeError: Cannot create property 'isRootInsert' on string '已接入'"

##使用 easy mock 的数据

### Customize configuration

See [Configuration Reference](https://cli.vuejs.org/config/).

## vue-shim.d.ts：由于 TypeScript 默认并不支持 \*.vue 后缀的文件，所以在 vue 项目中引入的时候需要创建一个 vue-shim.d.ts 文件，放在项目根目录下

## 在 Vue 中使用 TypeScript 时，非常好用的一个库，使用装饰器 vue-property-decorator 来简化书写

## vue 中 ts 的用法----vue-property-decorater,该库完全依赖于 vue-class-component

## axios.d.ts ---> typescript 声明文件 api 有介绍

##定义一套固定的 axios 返回的格式，这个我们直接定义在全局即可。在 types/ajax.d.ts 文件中写入,目的命令空间 + 接口申明更方便类型校验，防止代码的不规范

## PS: 如果定义了 .d.ts 文件，请重新启动服务让你的服务能够识别你定义的模块，并重启 vscode 让编辑器也能够识别

## 接下来，我们将会把所有的 axios 放到 vuex 的 actions 中做统一管理

## decorator--装饰器 ,装饰模式是继承关系的一个替代方案，动态滴给对象添加额外的职责，在不改变接口的前提下，增强类的性能

##单页面组件中，在@component({})里面写 props,data 等调用起来极其不方便，而 vue-property-decorator 里面包含了 8 个装饰符则解决了此类问题
##@emit 指定事件 emit,可以使用此修饰符，也可以直接使用 this.\$emit()
##@mixins mixin 注入
##@Model 指定 mode
##@Prop 指定 prop
##@watch 指定 watch
##@Provide 指定 provide
##@Component export from vue-class-component

## page 文件夹存放：路由跳转的页面

## view 文件夹存放：弹出层展示的页面

##scrpit 文件夹创建模板，提高团队的开发速度 ##使用 yarn 命令注入依赖包 yarn add swagger-to-service --dev ##继承 swagger-to-service 模块，重新 scripts/api 模块

##import api from '@api/api' 生成的接口 api 目录,需要配置@api

##启动命令 npm run api,自动生成接口文档 api

## 计算属性 computed or data 中通过 require 引入项目图片

## 改造后的结构

## 提交有冲突的解决方法:git commit -m "提交" --no-verify

├── pages // 路由跳转页面
├── types // 全局注入
├── utils // 工具方法(axios 封装，全局方法等)
├── views // 弹层页面
├── shims-tsx.d //兼容 jsx
├── shims-vue.d //兼容 vue
├── store //vuex 总文件

## vue-cli 升级 npm install -g @vue/cli

## 1.使用命令: vue -V 2.使用命令：vue upgrade