composition api中是这样使用计算属性的
const publishedBooksMessage = computed(() => {
return author.books.length > 0 ? 'Yes' : 'No'
})
1.computed
方法期望接收一个 getter
函数,返回值为一个计算属性 ref
。和其他一般的 ref
类似,你可以通过 publishedBooksMessage.value
访问计算结果。计算属性 ref
也会在模板中自动解包,因此在模板表达式中引用时无需添加 .value
。
2.传参则在 getter
函数中返回一个函数,这个函数的参数就是template中的传值,这个函数中return处理后的结果
3.示例:处理空字符串使用-
符号占位
<p class="blue">{{ dealEmptyStr(data.name) }}</p>
<script lang="ts" setup>
const dealEmptyStr = computed(() => {
return str => {
return str ? str : "-"
}
})
</script>