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

2019独角兽企业重金招聘Python工程师标准>>>

生命周期

每个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

转载于:https://my.oschina.net/u/2385255/blog/1822164