关于在vue中使用typescript装饰器的超级实用教程

VueConf，游大说Vue支持ts，网上有一点关于Vue Ts的信息。楼主踩坑了一个星期，终于想通了装修工的玩法。让我们玩Vue的装饰器。

1、数据值的声明

在这里，公共声明公共财产，私人声明私人财产，私人财产应该强调

蓝色框中的内容是声明组件，这应该在创建每个组件时带来。组件的编写如下

以上是普通写作，以下是懒加载写作

[emailprotected]父组件将值传递给子组件

父组件使用v-bind传递，就像js版本一样，并且父组件接受修饰符

@ @Prop({type:'' type'})

传递了Readonly:参数名！型

请务必全部写入，不要报告错误，或者写入接口约束类型

[emailprotected]子组件将值传递给父组件

@Emit(传递给父程序集的值)

回收

父组件接收与js版本一致

[email protected]@注入混合

这件事没什么好说的。@Provide声明一个值，并在别处用@Inject接收它

[emailprotected]双向绑定

这也很简单。v-model绑定一个值，并在子组件中使用@Model(“页面上显示的值”)值类型

这里我懒，声明一样(手动笑哭)

[emailprotected]监听功能

@Watch('聆听值'，{深度聆听})

回调函数

6.钩子函数的声明

与js基本一致

ts-Js public create(){ }-create(){ } public mounted(){ }-mounted(){ } eg : private _ change msg(){ }-methods : { _ change msg(){ } } eg : private get _ change value(){ }-computed : { _ change value(){ } public destruction(){ }-destruction(){ }[email protected]vuex中的状态值

@ state(状态=状态数据中的参数)页面

！注意vuex数据必须在钩子函数中调用！！

[电子邮件保护vuex突变

使用与@State一致

！！需要注意的是，需要写一个接口来写状态中的数据类型，如果直接使用，

状态编辑器会报告一个错误，当然，声明任何类型都可以，但是在使用Ts时尽量不要使用任何类型

！！！

vuex中的[电子邮件保护]操作

@ action(在“action”)页面中的方法名

！由于异步，您需要添加异步等待，否则您将一直处于填充状态。

也有可能用诺言！！

至于vue.config.js上的很多方法，如果你感兴趣的话，可以在这里找到并发布自己的方法

！！！

使用时一定要介绍装修师

以上是边肖给大家的关于如何在vue中使用typescript decorator的超级实用教程。希望对大家有帮助。如果你有任何问题，请给我留言，边肖会及时回复你的！