vue3.0+ts，能在setup里定义的方法中使用装饰器吗，如果可以，怎么使用

  • Z时代
  • 2024-02-07
  • 分类：IT

vue3.0+ts，能在setup里定义的方法中使用装饰器吗，如果可以，怎么使用

问题

vue3.0+ts，能在setup里定义的方法中使用装饰器吗，如果可以，怎么使用

// 报错
  setup () {
    @log
    const getData = () => {
      console.log('获取数据')
    }
    return {
      logout
    }
  }

类似2.x中的

export default class Test extends Vue{
  created() {
    this.getData()
  },
  methods: {
    @log()
    getData() {
      console.log('获取数据')
    }
  }
}

回答：

装饰器只能给类/类方法/类属性/类属性Accessor/类方法的参数（目前TS中装饰器的能力）用，而setup里通常没有定义类的需求

https://es6.ruanyifeng.com/#docs/decorator#%E4%B8%BA%E4%BB%80%E4%B9%88%E8%A3%85%E9%A5%B0%E5%99%A8%E4%B8%8D%E8%83%BD%E7%94%A8%E4%BA%8E%E5%87%BD%E6%95%B0%EF%BC%9F

https://www.typescriptlang.org/docs/handbook/decorators.html

以上是 vue3.0+ts，能在setup里定义的方法中使用装饰器吗，如果可以，怎么使用 的全部内容， 来源链接： utcz.com/p/935419.html

回到顶部