-
掛載點指的是實例里的el屬性定義的id所在的節點。
模板指的是掛載點內部的內容，模板可以寫在掛載點內部，也可以寫在實例的templata屬性里面。
在實例里指定掛載點，再把模板和數據寫上，vue會自動結合模板和數據生成內容，并將其寫在掛載點之中。
<div?id="root"></div> <script> ????new?Vue({ ????????el:"#root", ????????template:'<h1>hello?{{msg}}</h1>', ????????data:{ ????????????msg:"world" ????????} ????}) </script>查看全部 -
創建一個vue實例，并且實現和掛載點綁定。
el參數表示實例和哪個節點（標簽）綁定。
data參數表示實例里的數據。
<div?id="root">{{msg}}</div> <script> ????new?Vue({ ????????el:"#root", ????????data:{ ????????????msg:"hello?world" ????????} ????}) </script>
查看全部 -
cs查看全部
-
重點查看全部
-
v-bind 縮寫
Vue.js 為兩個最為常用的指令提供了特別的縮寫：
<!-- 完整語法 -->
<a v-bind:href="url"></a>
<!-- 縮寫 -->
<a :href="url"></a>
v-on 縮寫
<!-- 完整語法 -->
<a v-on:click="doSomething"></a>
<!-- 縮寫 -->
<a @click="doSomething"></a>
查看全部 -
v-model 雙向綁定查看全部
-
v-bind屬性綁定數據，簡寫為“:”，v-model用于雙向數據綁定，可以同時改變數據
查看全部 -
顯示標簽內容的方式：
template:'<h1>hello<h1/>'
{{title}}
在掛載點下面可以配置多個數據，格式為：
data:{
????數據名： "值",????...
}
標簽中使用v-text指令或v-html指令，其中v-text指令顯示的數據為文本數據，不會對文本內的內容進行編譯成HTML標簽內容，v-html則會把文本內的標簽進行編譯
標簽內v-on:click等價于@click屬性，都用來表示點擊時數據響應
調用方法時要在Vue內部需要再methods:{}內部寫出對應的函數，函數名為@click的值格式為：函數名:function(){函數體}
函數體內綁定數據為this.對應的數據標題
查看全部 -
v-bind:數據綁定查看全部
-
v-on @ 用于綁定事件 方法寫在vue里面的methods里面查看全部
-
v-on的簡寫屬性是@
例如 v-on：click==@click
查看全部 -
1.方法寫在methods里面
2.改變彈框內容可以調用data下面的content屬性
3.v-html與v-text區別在于：前者表示的是不會對內容進行轉譯，v-text則會對里面的內容進行轉譯，直接輸出里面的內容。
查看全部 -
vue入門查看全部 -
很清晰 就是晚上也太卡了查看全部
舉報