## 基本指令
### 文本插值: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">
~~~