Vue-property-decorator如何实现复杂组件属性装饰器的长尾词使用技巧？

本文共计2183个文字，预计阅读时间需要9分钟。

目录+基本使用+基础模板+data数据定义+生命周期钩子+methods方法+计算属性+其他选项+装饰器函数+@Component+@Prop+@PropSync+@Emit+@Ref+@Watch+@Model+其他+vue-property-decorator辅助+让我们让Vue支持TypeScript的“

目录

• 基本使用
• 基础模板
• data数据定义
• 生命周期钩子
• method方法
• 计算属性
• 其他选项
• 装饰器函数
• @Component
• @Prop
• @PropSync
• @Emit
• @Ref
• @Watch
• @Model
• 其他

vue-property-decorator帮助我们让vue支持TypeScript的写法，这个库是基于 vue-class-component库封装实现的。

注：以下环境为 vue2.x + typescript

基本使用

基础模板

和原来的vue单文件组件写法对比，template和css区域写法不变，只是script部分的写法有变化。