computed
模板内的表达式非常便利,但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护,对于任何包含响应式数据的复杂逻辑,你都应该使用计算属性。
实例
import { computed, ref } from "vue";
export default {
setup() {
const count = ref(0); //声明
const computed = computed(() => {
return count.value * 2;
});