vue3 composition api计算属性computed传参与处理的写法

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>