Vue3基础语法
# 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
编辑 (opens new window)
上次更新: 2021/11/29, 19:58:04