![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
TypeScript
夜已如歌_ok
这个作者很懒,什么都没留下…
展开
-
vue + ts 项目中ModelSync的用法
要使vue支持ts写法,我们需要用到vue-property-decorator,这个组件完全依赖于vue-class-componet首先安装:npm i -D vue-property-decorator@ModelSync(propName: string, event?: string, options: (PropOptions | Constructor[] | Constructor) = {})@ModelSync装饰器可接受三个参数:propName: string.原创 2021-02-01 21:59:39 · 1714 阅读 · 3 评论 -
vue + ts 项目中watch的用法
从vue-property-decorator中引入Component、Prop、Watch、Vue import { Component, Vue, Prop, Watch } from 'vue-property-decorator'; 需要监听的数据 @Watch('show')getShowStatus(newVal, oldVal) { console.log("newVal = ", newVal, "oldVal = ", oldVal)}; ...原创 2020-10-29 22:11:57 · 16228 阅读 · 0 评论 -
vue + ts 项目中PropSync的用法
要使vue支持ts写法,我们需要用到vue-property-decorator,这个组件完全依赖于vue-class-componet首先安装:npm i -D vue-property-decorator@PropSync(propName: string, options: (PropOptions | Constructor[] | Constructor) = {})@PropSync和@Prop用法类似,二者区别在于:@PropSync装饰器接受两个参数:propNam.原创 2021-01-28 21:47:58 · 5954 阅读 · 1 评论 -
vue + ts 项目中Model的用法
要使vue支持ts写法,我们需要用到vue-property-decorator,这个组件完全依赖于vue-class-componet首先安装:npm i -D vue-property-decorator@Model(event?: string, options: (PropOptions | Constructor[] | Constructor) = {})@Model装饰器允许我们在一个组件上自定义v-model,接受两个参数:event: string类型,表示事件名;.原创 2021-01-28 21:53:33 · 4090 阅读 · 0 评论 -
vue + ts 项目中Emit的用法
要使vue支持ts写法,我们需要用到vue-property-decorator,这个组件完全依赖于vue-class-componet首先安装:npm i -D vue-property-decorator@Emit(event?: string)@Emit装饰器接收一个可选参数,作为事件名;如果没有提供这个参数,$emit会将回调函数的camelCase(驼峰式)转为kebab-case(短横线命名),并将其作为事件名;@Emit会将回调函数的返回值作为第二个参数,如果返回值是一.原创 2021-01-29 18:14:10 · 10036 阅读 · 0 评论 -
vue-property-decorator的简单介绍
vue-property-decorator的简单介绍要使vue支持ts写法,我们需要用到vue-property-decorator,这个组件完全依赖于vue-class-componet首先安装:npm i -D vue-property-decoratorvue-property-decorator有几个装饰器和一个函数(Mixin):@Prop @PropSync @Model @ModelSync @Watch @Provide @Inject @Provid.原创 2021-02-01 21:48:17 · 461 阅读 · 0 评论