我采用了我的项目@vue/composition-api
// main.ts
import Vue from 'vue'
import VueCompositionApi from '@vue/composition-api'
Vue.use(VueCompositionApi)
但是setup()
在类组件中设置时,
<template>
<h1>{{ name }}</h1>
</template>
<script lang="ts">
import { ComputedRef, ref } from '@vue/composition-api'
import { Component, Vue } from 'vue-property-decorator'
function useName(): { name: ComputedRef<string> } {
const name = ref('Joe')
return { name }
}
@Component({
setup() {
const { name } = useName()
return { name }
}
})
export default class TestName extends Vue {}
</script>
我知道这来自data
类组件中常规字段中缺少的属性定义。但是通过使用@vue/composition-api
,我们实际上不需要设置data
属性。
有没有人知道如何解决这个问题。