gpt4 book ai didi

typescript - 如何在新的成分API中键入计算属性?

转载 作者:行者123 更新时间:2023-12-03 15:48:34 28 4
gpt4 key购买 nike

我和使用组合API和TypeScript的新Vue插件一起玩,我对此不太了解。

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

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 }
}
})

在这个简单的示例中,我声明了两个引用和一个计算属性来将两者都加入。 VSC告诉我,计算属性正在返回 ReadOnly类型...但是我无法使其工作。

最佳答案

有两种不同的类型。
如果您计算的 Prop 是只读的:

const nameAndCountry: ComputedRef<string> = computed((): string => `The movie name is ${movieName.value} from ${country.value}`);
如果它有一个setter方法:
const nameAndCountry: WritableComputedRef<string> = computed({
get(): string {
return 'somestring'
},
set(newValue: string): void {
// set something
},
});

关于typescript - 如何在新的成分API中键入计算属性?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60856216/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com