Vue中如何高效运用TypeScript装饰器？

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

前言：装饰器是一种特殊类型的声明，它能被附加到类、方法或函数上。它能够扩展或修改其行为，而不需要改变原始代码。装饰器可以应用于：

- 类声明- 方法- 函数

装饰器使用语法：@expression，其中expression求值后必须是一个函数。这个函数会在运行时被调用。

装饰器使用示例：@expressiondef func(): # 代码逻辑 pass

前言

装饰器是一种特殊类型的声明，它能够被附加到 类声明，方法， 访问符，属性或参数 上。 装饰器使用 @expression这种形式， expression求值 后必须为一个函数，它会在 运行时被调用 ，被装饰的声明信息做为参数传入。

本篇先从项目的宏观角度来总结一下Decorator如何组织。

目录

• 主要的Decorator依赖
  • vue-class-component
  • vuex-class
  • vue-property-decorator
  • core-decorators
• 自定义Decorator示例
• 哪些功能适合用Decorator实现
• Decorator实现小Tips
• See also

主要的Decorator依赖

vue-cli3 默认支持Decorator, 年初重写了一个design库主要依赖官方和社区提供的Decorator来实现的组件。