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 迴圈 用法：