TypeScript

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 文件名

4.ts最大的特点是给变量或者是函数以及形参声明类型

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数据持久化