组件销毁问题

Question

• 老师好～
• 老师我在做父子组件生命周期关系的作业时，突然想起来我平时好像没怎么故意手动销毁一个组件，我尝试用v-if控制组件不显示，console只打印出了beforeUpdate和updated两个，并没有打印destory的生命周期，v-if控制的方式算销毁组件吗，我手动给元素绑事件，试图触发vm.$destory也就是this.$destory也不行,正确的销毁组件方式是什么呢？

Answer 1

提问者 Brannua 2020-05-09 15:36:38

再次修改data中的数据，使数据变为true，console打印如下

Answer 2

提问者 Brannua 2020-05-09 15:33:13

- 老师我的实现方式是这样的

```html   

<List v-if="notDestory" :list="list" @delete="deleteHandler" />

```

```js

data() {

    return {

        notDestory: true

    }

}

```

- 当我修改data数据为false，console如下

- 得出结论：子组件使用v-if控制了销毁，父子组件生命周期触发顺序如图所示，烦请老师给予点评，依然想听常用的正确销毁组件的方式，谢谢老师

• 双越 #1

  没有特殊需要的话，不用自己手动销毁。v-if 就是最常见的销毁方式。

• 提问者 Brannua 回复 双越 #2

  明白！