## 基本指令
### 文本插值:Mustache”语法 (双大括号)
~~~javascript
{{hello}}
{{1+1}}
{{"bizzbee"}}<!--报错。不能包含字符串-->
{{0<10 ? "对的":"错的"}}<!--只能存在单行语句-->
~~~
> 有个限制就是,每个绑定都只能包含单个表达式。
### v-html和v-text
* 双大括号会将数据解释为普通文本,而非 HTML 代码。为了输出真正的 HTML,你需要使用 v-html 指令。
* v-text指令只能输出字符串,不能解析html代码。
~~~javascript
<p v-html="hi"></p>
<p v-text="hi"></p>
export default {
name: 'App',
components: {
HelloWorld
},
data(){
return {
hello:"Hello,Bizzbee",
hi:"<p>hi,bizzbee</p>",
url:"http://cn.vuejs.org"
}
}
}
~~~
### v-bind指令
> Mustache 语法不能作用在 HTML 特性上,遇到这种情况应该使用 v-bind 指令。
v-bind指令可以动态地绑定一个或多个特性,或一个组件 prop 到表达式。
~~~javascript
<a v-bind:href="url">cn.vuejs.org</a>
<img v-bind:src="imageSrc">
~~~