初次接触vue+typescript,一直使用转换后的demo中的
import { Options, Vue } from 'vue-class-component'; @Options({ components: { }, methods:{ }, data(){ return {}; } }); export default class App extends Vue {}
如果普通方式执行都很正常。但是今天用到setup的时候,发现被坑了。这种options中定义setup是不会执行的。只能按vue官方网站的写法,使用defineComponent。
import { defineComponent, ref, computed } from 'vue' export default defineComponent({ name: 'CounterButton', setup() { export {}; } })
再次编译后页面正常,不再报错。