02_Vue3基础语法(一)之Mustache语法及v-bind的使用

Vue3基础语法(一)

Mustache双大括号语法

如果我们希望把数据显示到模板（template）中，使用最多的语法是 “Mustache”语法 (双大括号) 的文本插值。

• 并且我们前面提到过，data返回的对象是有添加到Vue的响应式系统中；
• 当data中的数据发生改变时，对应的内容也会发生更新。
• 当然，Mustache中不仅仅可以是data中的属性，也可以是一个JavaScript的表达式。

另外这种用法是错误的：

v-once指令

v-once用于指定元素或者组件只渲染一次：

• 当数据发生变化时，元素或者组件以及其所有的子元素将视为静态内容并且跳过；

• 该指令可以用于性能优化；

• 如果是子节点，也是只会渲染一次：

v-text指令

用于更新元素的 textContent：