vue 模板语法-插值的操作（12-22）

1.Mustache语法

　　｛｛｝｝   Mustache语法

　　mustache语法中可以做简单的表达式

　　｛｛ mun * 2｝｝

2. v-once 　　锁定变量,变量只初次渲染一次，不会响应更改

　　<h2 v-once>{{num}}</h2> 

3.v-html　　 转化字符转为html代码

　　url：<a href = "www.baidu.com">百度一下</a>

　　<h2 v-html ="url" ></h2>     --------     百度一下

4.v-text 　　（不推荐使用）

　　url：“www.baidu.com”

　　<h2 v-text="url" ></h2>　    ---------　　www.baidu.com

5.v-pre　　显示原来内容，不进行解析

　　<h2 v-pre>{{num}}</h2>       ---------　　｛｛num｝｝

6.v-cloak　　vue解析之前会存在标签，解析之后会去掉此标签 （不经常使用）

<style> [v-cloak] { display:none ]</style>　　可以做到解析后才显示内容

　　<h2 v-cloak>{{num}}</h2> 

7.v-bind 用于绑定动态属性  语法糖  ：

　　例：

　　　1　<h2  :class="{active: true, line: false}"></h2>

　　　2　<h2  :class="active"></h2>

　　　3　<h2  :class="[actiove,line]"></h2>

8.：style

　　<h2 :style={fontSize:'50px'}></h2> 

　　fontSize 　　属性名可以写font-size或者fontSize（驼峰）

　　“50px”　　　属性值需要添加引号“”才是值，否则是变量