11 小程序-VUE基本语法
1.语法分类
- 插值操作 Mustache语法-{{}}
- 绑定属性
- 计算属性
- 事件监听
- 条件判断
- 循环遍历
- 阶段案例
- v-model
1.1.Mustache语法(双大括号,胡须语法)

总结:
- Mustache语法,也就是Mustache胡须语法大括号中,可以进行简单的表达式计算。
- Mustache语法,{{{}}双大括号,可以在标签中连续出现,例如<h2>{{message}}{{firstName}}</h2>

1.1.1 v-once语法:Mustache语法在指令命令中的搭配使用
由于vue是响应式开发(数据实时变化),当有时候我们不希望改变时候,可以考虑用v-once指令
- 该指令后面不需要跟任何表达式,与v-for不同(v-for=‘遍历‘)
- 该指令表示元素和组件只会渲染一次,不会跟着数据的变化而变化

1.1.2 v-html语法:Mustache语法在指令命令中的搭配使用
某些情况下,我们从服务器请求到的数据本身就是一个HTML代码,如果我们直接通过{{}}来输出,会将HTML代码也一起输出。但是我们可能希望的是按照HTML格式进行解析,并且显示对应的内容。
如果我们希望解析出HTML展示,可以使用v-html指令
- 该指令后面往往会跟上一个string类型(<h1 v-html=‘link‘></h1>)
- 会将string的html解析出来并且进行渲染(按html解析,后台数据千变万化)

1.1.3 v-text指令:Mustache语法在指令命令中的搭配使用
我们
11 小程序-VUE基本语法