模版與掛載點(diǎn)
模版與實(shí)例
1.綁定
插值表達(dá)式: {{msg}}
數(shù)據(jù)綁定——V-text="msg" v-html="msg"
//插值表達(dá)式{{msg}}混卵、v-text和v-html 都是單向綁定,用于在元素中展示數(shù)據(jù)
方法綁定——v-on:click="clickfun" (實(shí)例的method的對(duì)象)
v-on: 等價(jià)于@ @click="clickfun"
屬性綁定——v-bind:title="msg" (實(shí)例的data里的對(duì)象)
v-bind: 等價(jià)于: :title="msg"
雙向數(shù)據(jù)綁定——v-model="msg"
2.計(jì)算屬性(數(shù)據(jù))和監(jiān)聽器
一個(gè)屬性的值依賴與其他的屬性得來先煎,只有當(dāng)所依賴的值發(fā)生變化的時(shí)候才會(huì)進(jìn)行計(jì)算椭岩,否則會(huì)使用上次緩存的值計(jì)算屬性偵聽器
3.v-if v-show v-for
v-if:每次對(duì)dom元素進(jìn)行刪除 增加 茅逮,適用于只有一次操作的情況下
v-show:只會(huì)在dom元素里添加一個(gè)stytle={display:none},適用于重復(fù)隱藏顯示操作
v-if v-showv-for
4.組件和實(shí)例的關(guān)系
每個(gè)組件其實(shí)都是一個(gè)vue實(shí)例
父組件向子組件傳遞參數(shù)
子組件向父組件傳參
父組件向子組件傳值是通過屬性的形式的
子組件向父組件傳值是通過發(fā)布訂閱的形式的判哥。子組件發(fā)布的事件被父組件訂閱了氮唯。
5.vue-cli(腳手架)
優(yōu)點(diǎn):可以使用ES6的語法,腳手架會(huì)幫我們把ES6的語法打包成ES5的語法