1.TypeScript简称ts，面向对象
2.javaSvript简称js，面向过程
3.ts编译成js
1）.安装TypeScript的环境
npm install -g typescript
2）.检测版本
tsc -v
3）.编译ts文件（会生成一个同名的js文件）
tsc 文件名
4）.运行js文件
node 文件名
5.给变量添加类型的方式
1）.直接定义——声明变量的时候同时声明类型
2）.赋值的操作会给变量声明类型
6.声明类的属性
public公共的属性，可以在任意地方属性，拿到属性
private键private定义的属性会变成私有属性，只能在本类中使用，继承的子类
protected受保护，子类可以使用属性
7.接口 使用interface接口名{自定义接口类型}
只做声明的处理，声明属性和方法
8.当你的函数不确定要返回声明类型的时候，那么我们需要使用泛型来定义，而不使用any
<T>泛型，T是类型
泛型是泛指的类型
9.
vue-property-decorator(ts封装vue的属性 lang=\”ts\”开启ts语法)
装饰器：@装饰器名
1）.@Component组件装饰器
@Component({})
计算属性 get 方法名：类型{} 可以当做data数据使用
2）.@watch监听装饰器 @Watch（监听的值）后面跟着一个方法
@Watch(\’box\’)//浅度监听
color():void{
console.log(\’watch\’)
}
@Watch(\’box\’,{//深度监听
deep:true,//开启深度监听
immediate:true//首次加载页面会立即触发监听
})
3）.@prop子组件接受父组件的数据
@Prop(String)//父传子Prop（接受父组件传递过来的数据）
title!:string//！防止传空数据（非空断言）
4）.@Emit自定义事件
@Emit(\’texts\’)//子传父Emit（自定义事件，绑定事件名，函数返回值是传的参数）
fn():String{
return \’我是fn函数里的数据\’
}
5）.@model双向绑定
@Model(\’dthing\’,Number)//v-model绑定的值
10.Vue的持久化
我们需要安装一个vuex的插件vuex-persistedstate来支持vuex的状态持久化。
1）.下载npm i vuex-persistedstate
2）.在index引用import createPersistedState from \”vuex-persistedstate\”;//vuex数据持久化
