vue指令
1、插值表達式：{{}}
注意：不能在屬性節點中使用，只能在內容節點中使用
2、v-cloak
解決插值表達式閃爍問題
{{msg}}
style裏需要設置：display：none；
應用場景：網絡比較卡時候可以在最外層的元素添加v-cloak，防止客戶看到插值表達式
3、v-text（用在屬性節點上）
用法：
與差值表達式區別：
①沒有閃爍問題
②存在覆蓋內容問題
4、v-html （用在屬性節點上）
用法：
5、v-bind（屬性節點動態綁定數據）
用法：按鈕
簡寫：按鈕
通過v-bind設置樣式：
①樣式：.red{color:red}
.thin{font-weight:200px}
②
啦啦啦~
6、v-on （事件綁定）：
用法:
結構：按鈕
腳本：var vm=new Vue({
el:"#app",
data:{},
methods:{
btnClick:function(){
alert('ok')
}
}
})
簡寫：@btnClick
7、v-model （實現雙向數據綁定，可以把頁面中數據的變化，自動同步更新到VM實例的data中）
用法：
總結：和v-bind的區別：
①v-bind只能實現單項數據的數據同步data，v-model可以實現雙向的數據同步data，也是唯一支持雙向數據綁定的指令；
②v-model只能和表單元素配合使用，例如：input、select、textarea等；
8、v-for 循環
用法：
