vue的学习日记----插值语法

1.mustache语法

<div id="app">{{fristname+" "+lastname}}
<div>{{fristname}} {{lastname}}</div>
<div>{{conter*2}}</div>

他可以进行以上运算即字符串的拼接

2.v-once

<div v-once>{{conter}}</div>

其只显示第一次的数据，之后改变conter的值他还是原来conter的值

3.v-text

<div v-text="lastname"></div>

与mustache差不多，在里面可以加变量

4.v-html

<div v-html="url"></div>

他可以解析html文件，并在页面上显示

5.v-pre

<div v-pre>{{fristname}}</div>

即不使用mustache语法

6.v-cloak

  <div v-cloak>{{fristname}}</div>

即 在vue解析之前有c-cloak，存在display=none，在其解析后消失了