VueConf ，尤大说， Vue 支持 Ts 了，网上关于 Vue + Ts 的资料有点少， 楼主踩了一个星期坑，终于摸明白了 修饰器 的玩法，下面我们就来玩下 Vue 的 decorator 吧1，data 值的声明燑/font>

蓝色框里的内容是声明组件，在每个组件创建时都要带上， Components 中的写法如下燑/p>

上面是 普通写法 ，下面是 懒加载写法2.@Prop 父组件传值给子组件燑/font>

一定要写全，不然后报错，也可以写个 接口 约束 类型3.@Emit 子组件给父组件传值燑/font>

父组件接收与 js 版本一致4.@Provide @Inject 混入燑/font>5.@Model 双向绑定燑/font>5.@Watch牋 监听函数燑/font>

callback 回调函数6.钩子函数的声明

Ts          -> Js
public create() {} -> create() {}
public mounted() {}  ->  mounted() {}
eg:
private _changeMsg() {} ->  methods: {
_changeMsg() {}
}
eg:
private get _changeValue() {} -> computed: {
_changeValue() {}
}
public destory() {}      -> destory() {}7.@State vuex中state的值燑/font>
！！！！！！ 注意vuex的数据都要在钩子函数里 调用 ！！！！！！！！！！！！！！8.@Mutation vuex中的mutation燑/font>
！！！！！！！！！！！！！需要注意的是要写一个接口 将state里面的数据类型写进去,如果直接用
牋 ！！！！！！！！！！！！！！！！！！！！9.@Action vuex 中的action燑/font>
！！！！！！！！ 由于异步,需要加async await 不然会一直处在padding状态,牋牋燑img src="//files.jb51.net/file_images/article/201906/2019061715000719.jpg" alt="">

牋牋 ！！！！！！！！！！！！！！！！！！！！！！！
牋牋牋 使用时一定引入修饰器牋
以上就是小编给大家姐的vue中typescript装饰器的使用方法超实用教程，希望对大家有所帮助，如果大家有任何疑问欢迎给我留言，小编会及时回复大家的！