vue的生命周期有哪些,分别对应的作用是什么

文章正文
发布时间:2024-11-25 06:54

Vue.js 的生命周期分为 8 个阶段,分别是: 1. beforeCreate:实例刚被创建,组件属性计算前; 2. created:实例已经创建完成,属性已绑定,但是 DOM 还没有生成; 3. beforeMount:模板编译/挂载之前; 4. mounted:模板编译/挂载之后; 5. beforeUpdate:组件更新之前; 6. updated:组件更新之后; 7. beforeDestroy:实例销毁之前; 8. destroyed:实例销毁之后。 至于路由的生命周期,Vue Router 提供了 3 个钩子函数: 1. beforeEach:在路由跳转之前调用,可以用来进行全局的导航守卫; 2. afterEach:在每次路由跳转之后调用; 3. beforeRouteUpdate:在路由参数发生变化时调用,比如 /user/:id 这种动态路由的 id 发生变化时。