关于如何销毁组件

Question

老师在视频中采用的是

messageInstance.unmount()

这样的方式，可是我搜索了一下 vue3如何销毁组件,发现其中一个结果是
https://github.com/vuejs/vue-next/issues/593

我的问题是:
1> unmount在文档中的描述为"卸载应用实例的根组件", 不太明白这个"卸载"是什么意思。我们卸载之后，还要像老师视频中写的那样手动的removeChilid相关的dom?
2> 上面这个render方法可以不用手动移除相关dom?

Answer 1

张轩 2021-04-26 09:41:16

同学你好 我认为这两种方法都可以 卸载其实就是清除组件实例 清除内存 

因为我们的应用实例是创建一个新节点 mount 上去的，所以最好手动清除 DOM

上面那个 Render 方法，并没有新建节点，而是用了一个已经存在的节点，所以不需要清除

• 提问者 慕莱坞0998854 #1

  老师，这个render方法既清除了组件实例，又移除了dom元素吗？就假如他不是使用的#app这个dom，而是自己新建的dom呢？还是需要自己手动移除吗？

• 张轩 回复 提问者 慕莱坞0998854 #2

  要手动删除的 它不会删除 dom 元素，你可以试试看就知道啦

• 提问者 慕莱坞0998854 回复 张轩 #3

  谢谢老师！