beforeCreate()
创建前,刚执行了new操作,实例没有完全被创建出来会执行它,data和methods中的数据还没有初始化。
created()
创建后,在这个钩子函数中,data和methods被初始化好了(属性和方法挂载在实例上)。
vue开始编译模板,把vue代码中的那些指令进行执行,在内存中生成一个模板字符串,然后把这个模板字符串渲染为内存中的dom,此时只是在内存中渲染好了模板,并没有把模板挂载到真正的页面中
beforeMount()
挂载前,模板已经编译完成,但是模板尚未渲染在页面中,页面中的元素还没有被替换过来(页面还是旧的)
mounted()
挂载后,将内存中编译好的模板真实地挂载到页面中,可以看到渲染好的页面;实例创建完成的最后一个生命周期函数
beforeUpdate()
更新前,data中的数据是最新的,但是页面中的数据没有被替换
updated()
更新后,页面和data中的数据保持同步,被替换成了最新的数据
beforeDestroy()
销毁前,vue实例被销毁前,一般用来解绑事件或者清除定时器
destroyed()
销毁后,vue 实例指示的所有东西都会解绑定,所有的事件监听器会被移除,所有的子实例也会被销毁。
vue的生命周期
最新推荐文章于 2024-09-24 08:43:56 发布