首页 > TAG信息列表 > destoryed
vue 子组件和父组件执行顺序
加载渲染过程：beforeCreate(父) —> created(父)—>beforeMount(父)—>beforeCreate(子)—>created(子)—>beforeMount(子)—>mounted(子)—>mounted(父) 更新过程：beforeUpdate(父) —> beforeUpdate(子) —> update(子) —> update(父) 父组件更新：beforeUpdate(父) —> updadestoryed()钩子函数----使用案例(一)
在组件中有定时器任务时，当组件销毁之后定时器任务依然执行，可在destoryed()钩子函数中清除掉 <template> <div> <swiper-destoryed v-if="show"></swiper-destoryed> <button @click="show = false">注销轮播图组件</button> </div> </temVue的父组件和子组件生命周期钩子函数执行顺序
Vue的父组件和子组件生命周期钩子函数执行顺序可以归为以下分4部分 加载渲染过程 父beforeCreate --> 父created --> 父beforeMount --> 子beforeCreate --> 子created --> 子beforeMount --> 子Mounted --> 父Mounted 子组件更新过程 父beforeUpdate --> 子beforeUpdate -->destoryed、beforeRouteLeave、afterEach三种响离开当前页面时的执行某个命令的区别
destoryed是当我们离开这个页面的时候，便会调用这个函数(具体可以看看vue的的生命周期)，我们常用来销毁一些监听事件及定时函数 // 销毁时调用的函数 destroyed() { this.function() } beforeRouteLeave是在页面离开时做的操作 //必须要有next()它相当于一个按钮触发默认触