1:在項目中引入Vue
通過靜態(tài)cdn的方式引入:<script src="https://cdn.bootcss.com/vue/2.6.8/vue.min.js"></script>
文件來源:bootcdn前端資源庫
2:添加綁定
在視圖<div class="vue" ></div>; 在vue模板中咕宿,通過el:'vue'咆课。綁定對應(yīng)的div 視圖童叠;
注意事項:Vue模板內(nèi)容瘸爽,僅僅對綁定的div 及其子視圖生效粱哼;
3:常用指令
1:顯示msg內(nèi)容:{{msg}}崎苗;
2:顯示一段html文本:v-html ='html'些阅;
3:綁定鏈接:v-bind:href="url" 或者簡寫: :href="url"伞剑;
4:綁定id:v-bind:id="id" 或者簡寫: :id="id";
5:綁定點擊事件:v-on:click="buttonClick()" 或者簡寫:? @click="buttonClick()"市埋;
4:數(shù)據(jù)監(jiān)聽
1:watch 監(jiān)聽器黎泣,監(jiān)聽數(shù)據(jù)的變化恕刘,應(yīng)用場景:異步數(shù)據(jù);
2:computed 計算屬性抒倚,內(nèi)部包裹任意數(shù)據(jù)變化褐着,引起響應(yīng),應(yīng)用場景:數(shù)據(jù)聯(lián)動托呕;