TS+Vue项目语法

创建组件（分3步）

1、引入核心文件

2、@Component装饰器

3、暴露组件并继承vue的基类（其中One为组件名）

 使用组件（分3步）

1、引入组件

2、在装饰器中，注册组件

3、通过标签实例化组件

在eslintrc.js修改rule配置对象（为了写ts类型的时候不报错）

 "typescript-eslint/no-inferrable-types":0

变量、函数、生命周期直接写，没有data、methods

计算属性的用法：

export default class One extends Vue{
    get fn(){
        return '哈哈'
    }
}

过滤器的使用：

{{str | changeStr}}
@Component({
    filters:{
        changeStr(val:any){
            return val.toUpperCase()
        }
    }
})

watch侦听器的使用：

import {Component,Vue,Watch} from 'vue-property-decorator'

export default class One extends Vue{
    @watch("值")
    函数名(newVal,oldVal){}
}