模版與掛載點

模版與實例

1.綁定

插值表達式： {{msg}}
數(shù)據(jù)綁定——V-text="msg" v-html="msg"
//插值表達式{{msg}}、v-text和v-html 都是單向綁定，用于在元素中展示數(shù)據(jù)
方法綁定——v-on:click="clickfun" （實例的method的對象）
v-on: 等價于@ @click="clickfun"
屬性綁定——v-bind:title="msg" （實例的data里的對象）
v-bind: 等價于: :title="msg"
雙向數(shù)據(jù)綁定——v-model="msg"

2.計算屬性（數(shù)據(jù)）和監(jiān)聽器

一個屬性的值依賴與其他的屬性得來，只有當所依賴的值發(fā)生變化的時候才會進行計算，否則會使用上次緩存的值

計算屬性

偵聽器

3.v-if v-show v-for

v-if:每次對dom元素進行刪除 增加 ，適用于只有一次操作的情況下

v-show:只會在dom元素里添加一個stytle={display:none}，適用于重復(fù)隱藏顯示操作

v-if v-show

v-for

4.組件和實例的關(guān)系

每個組件其實都是一個vue實例

父組件向子組件傳遞參數(shù)

子組件向父組件傳參

父組件向子組件傳值是通過屬性的形式的
子組件向父組件傳值是通過發(fā)布訂閱的形式的。子組件發(fā)布的事件被父組件訂閱了。

5.vue-cli（腳手架）

優(yōu)點：可以使用ES6的語法，腳手架會幫我們把ES6的語法打包成ES5的語法