Vue3基础-计算属性

计算属性

Computed:{
Compute(){
Return cpmplicatedComputed;
}
}

2、重点区别

1. 计算属性：计算属性值会基于其响应式依赖被缓存。一个计算属性仅会在其响应式依赖更新时才会重新计算
2. 方法：方法调用总是会在重渲染发生时再次执行函数

Class绑定

1、 数据绑定的一个常见需求场景是操纵元素的 CSS class 列表因为 class 是 attribute，我们可以和其他atribute 一样使用 v-bind 将它们和动态的字符串绑定。但是，在处理比较复杂的绑定时，通过拼接生成字符串是麻烦且易出错的。因此，Vue 专门为 class 的 v-bind 用法提供了特殊的功能增强。除了字符串外，表达式的值也可以是对象或数组

<template>
<p :class="{active':isActive，'text-danger':hasError ]">Class样式绑定</p></template>
<script>
export default {data(){ 
returnf
isActive:true,
hasError:true
}
</script>
<style>
activef
font-size: 30px;
text-danger
color:red;
}
}
</style>