表单、⽣命周期

40 阅读1分钟

表单、⽣命周期

表单输⼊绑定

作⽤:⾃动收集数据

语法:v-model

Vue⽣命周期

作⽤:在Vue⽣命周期的各个阶段触发某些操作

钩⼦函数:

钩⼦函数   所属分类   执⾏时机

beforeCreate  初始化   实例化Vue对象之前执⾏,可以做加载动画等

created   初始化  Vue对象实例好后执⾏,属性已经绑定了,但是DOM还没有⽣成

beforeMount 初始化 在虚拟DOM⾥⾯执⾏,将模板渲染到⻚⾯前执⾏

mounted  初始化  编译模板,渲染到⻚⾯后执⾏,此时DOM已经⽣成,可以看到对应的内容了,可以做些发送ajax请求, 启动定时器等异步任务等(常⽤)

beforeUpdate 更新  组件在更新之前执⾏

updated  更新  组件更新完成后执⾏

beforeDestroy 销毁 组件销毁前执⾏,可以做收尾⼯作, 如: 清除定时器 (常⽤)

destroyed 销毁 组件销毁后执⾏