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