组件销毁问题
来源：5-2 vue真题演练1-v-for为何使用key
Brannua
2020-05-09
- 老师好～
- 老师我在做父子组件生命周期关系的作业时，突然想起来我平时好像没怎么故意手动销毁一个组件，我尝试用v-if控制组件不显示，console只打印出了beforeUpdate和updated两个，并没有打印destory的生命周期，v-if控制的方式算销毁组件吗，我手动给元素绑事件，试图触发
vm.$destory也就是this.$destory也不行,正确的销毁组件方式是什么呢？
写回答
2回答
-
Brannua
提问者
2020-05-09
再次修改data中的数据，使数据变为true，console打印如下
10 -
Brannua
提问者
2020-05-09
- 老师我的实现方式是这样的
```html
<List v-if="notDestory" :list="list" @delete="deleteHandler" />
```
```js
data() {
return {
notDestory: true
}
}
```
- 当我修改data数据为false，console如下
- 得出结论：子组件使用v-if控制了销毁，父子组件生命周期触发顺序如图所示，烦请老师给予点评，依然想听常用的正确销毁组件的方式，谢谢老师
122020-05-09
相似问题