vue学习-生命周期以及常用指令

生命周期

每个Vue实例都会调用相应的生命周期的钩子。

1. created 创建完成之后调用,尚未挂载，$el还不可用。
2. mounted $el挂载到实例后调用，一般我们第一个业务业务逻辑会在这里。
3. beforeDestory 实例销毁之前调用。主要解绑一些addEventListener监听事件。

常用指令

1. v-if 不解释
2. v-html 直接引入html代码，不当做字符串。
3. v-pre
4. v-bind 动态绑定html元素上的属性
5. v-on 元素的事件，如果是复杂的建议在methods中声明。

语法糖

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

:class

2. v-on:click

@click