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语法在指令命令中的搭配使用

我们

原文：https://www.cnblogs.com/rango0550/p/13969008.html