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