Show Menu
Cheatography

Vue Cheat Sheet (DRAFT) by

This is a draft cheat sheet. It is a work in progress and is not finished yet.

指令

v-if
根据条件是否渲染
v-show
根据条件是否显示
v-on
添加事件
v-model
数据绑定
.lazy,.nu­mbn­er,.trim
v-for
迭代输出
对象,数组,­计算属性,范围
 

生命周期图示

生命周期钩子函数

before­Create
初始化事件和­生命周­期,d­ata不能使用
created
完成inje­cti­ons­和数据响应
before­Mounted
完成模板编译
mounted
实例挂载完成
before­Update
data发生变化
updated
虚拟dom重­新渲染完成
before­Destroy
调用了$vm.$d­est­roy()
destoryed
移除了wat­che­rs,­子组件­和li­steners