Vue3基础语法

模板语法

相比于React使用jsx写法。在vue中大部分场景是使用模板语法进行开发，在vue模板中，允许开发者以声明的方式将DOM和底层实例数据绑定到一起，vue会将模板编译成虚拟DOM渲染函数。

Mustache

mustache是我们常会用到的双大括号语法{{}}，大部分时候在mustache中我们使用的是data中的属性，因为data属性被添加到了响应式系统中，所以当data中的数据改变对应的显示内容也会发生改变。

• 当然mustache中也可以使用表达式来对data的属性进行处理
• 也可以调用函数
• 使用三元运算符
• 在mustache中赋值语句不可使用

指令

vue为我们提供了一些方便使用的指令

v-once

• v-once用于指定元素或者组件只渲染一次，并且其所有的子组件都不会渲染
• 当数据发生变化时,元素或者组件以及其所有的子元素将视为静态内容并且跳过;
• 该指令可用于性能优化

v-html

• 如果默认展示的内容是一段HTML，那么vue会原封不动的为我们展示出来
• 使用v-html可以让这段html被vue解析展示出来

v-pre

• 用于跳过元素和子元素编译过程，显示原始的Mustache标签

v-on