vue學習-生命週期以及經常使用指令

生命週期

每一個Vue實例都會調用相應的生命週期的鉤子。 官方文檔有11個，說三個比較經常使用的。

1. created 建立完成以後調用,還沒有掛載，$el還不可用。
2. mounted $el掛載到實例後調用，通常咱們第一個業務業務邏輯會在這裏。
3. beforeDestory 實例銷燬以前調用。主要解綁一些addEventListener監聽事件。

經常使用指令

1. v-if 不解釋
2. v-else v-else-if 竟然還有這個，可是前提是要有v-if v-else-if
3. v-html 直接引入html代碼，不當作字符串。
4. v-pre 顯示{{}}，跳過編譯。
5. v-bind 動態綁定html元素上的屬性
6. v-on 元素的事件，若是是複雜的建議在methods中聲明。
7. v-model 能夠這麼理解，其實把value做爲屬性，而後綁定了oninput事件，把值傳給了value。雙向綁定ng-model懂吧。
8. v-for 不解釋

語法糖

1. v-bind:class v-bind:src ...

:class :src ...

2. v-on:click

@click