Vue生命周期钩子函数

beforeCreate

Vue实例创建后,data和methods创建前调用,在这个钩子函数中是不能访问data和methods的,在当前 vue实例生命周期,只会执行一次

created

data和methods创建后调用,能访问data与methods但是不能访问dom,在当前 vue实例生命周期,只会执行一次

beforeMount

渲染前调用,被vue管理起来的dom在vue实例里还没完成渲染,所以就是还不能访问vue渲染的dom,在当前 vue实例生命周期,只会执行一次

mounted(重要)

渲染后调用,数据已在vue实例中渲染完成,也就是可以访问vue渲染的dom了,在当前 vue实例生命周期,只会执行一次

beforeUpdate

更新前,当数据发生改变,但页面还没完成dom渲染,但快要完成时调用,在当前 vue实例生命周期,会多次执行

updated

更新后,当数据发生改变,且页面完成了dom渲染后调用,在当前 vue实例生命周期,会多次执行

生命周期钩子函数

每一个生命周期钩子函数都是一个回调函数,都是到了时间自动触发(调用).
每一个生命周期钩子函数都是methods的兄弟,不是儿子

总结

Vue生命周期钩子函数_第1张图片

你可能感兴趣的:(vue,vue.js)