Vue 3 处理computed属性
发布时间
阅读量：
阅读量
在运用模板语法的过程中，我们偶尔会借助三元运算符来应对一些基础的逻辑判断。然而，当某个变量的取值依赖于其他变量，并经过一定的逻辑处理时，采用computed计算属性会是更为合适的解决方案。
举个简单的例子，假设我们需要通过计算属性来判定一本书是否已出版，相关代码示例如下：
<template>
<h2>Computed计算属性的使用</h2>
<div class="box">
<div>
<div>图书{{ bookName }}{{ isPublic }}</div>
</div>
</div>
</template>
<script setup lang="ts">
import { ref, computed } from "vue";
// 计算属性的使用
const bookName = "Happy Book";
const isPublic = computed(() => {
return bookName.length > 0 ? "已出版" : "未出版"
});
</script>
全部评论 (0)
还没有任何评论哟~