俊哥前端工程师

1. 在computed中定义计算属性方法根据已有的数据进行计算返回一个要显示的新数据 2. 在页面中使用{{计算属性名}}来显示返回的数据 3. computed: 内部有缓存, 多处读取只计算一次

v-bind 指令用于将一个表达式的值动态地绑定到目标元素的属性上。通过 v-bind，我们可以实现将 Vue 实例的数据或表达式的值绑定到 HTML 属性的功能。

v-model 是 Vue 中一个常用的指令，用于实现表单元素与数据的双向绑定。 它的实现原理主要基于以下两个方面： 语法实现：是 Vue 对 :value 和 @input 两个属性的语法糖。

v-text : 当作纯文本，更新元素的 textContent/innerText v-html : 将value作为html标签来解析， 更新元素的 innerHTML.

在应用界面中, 某个(些)元素的样式是变化的   class/style绑定就是专门用来实现动态样式效果的技术

当在同一个标签上同时使用 v-for 和 v-if 时，可能会导致意外的结果或错误。这是因为Vue的编译规则中，v-for 比 v-if 优先级更高，意味着 v-for 会先执行。

v-for遍历产生列表时, 每个项标签都需要有一个唯一的key值， 如果数组元素有自己的标识数据, 用它作为key值, 否则才选择下标作为key。 v-for 可以遍历数组 也可以 遍历对象。

比较v-if 与 v-show   v-if: 通过删除DOM对象来隐藏       劣势: 重新显示时需要重新创建,优势: 隐藏时不占用着内存空间.

{{}}表达式会返回一个数据值, 肯定没有分号, 它不是完整的js的解析指令, 需要与其它语法组成一条完整的语句。 页面呈现结果: vue3.2及以上版本的语法, setup语法糖： vue2版本的语