小编peg*_*ido的帖子

如何在新的组合 API 中键入计算属性?

我正在使用新的 Vue 插件来使用组合 API 和 TypeScript,但有些我不太理解。

我应该如何键入计算属性?

import Vue from 'vue'
import { ref, computed, Ref } from '@vue/composition-api'

export default Vue.extend({
  setup(props, context) {

    const movieName:Ref<string> = ref('Relatos Salvajes')
    const country:Ref<string> = ref('Argentina')

    const nameAndCountry = computed(() => `The movie name is ${movieName.value} from ${country.value}`);

    return { movieName, country, nameAndCountry }
  }
})
Run Code Online (Sandbox Code Playgroud)

在这个简单的例子中,我声明了两个引用和一个计算属性来连接两者。VSC 告诉我计算属性正在返回ReadOnly类型......但我无法让它工作。

typescript vue.js vue-composition-api

12
推荐指数
2
解决办法
6415
查看次数

标签 统计

typescript ×1

vue-composition-api ×1

vue.js ×1