MutationObserver

Question

老师，MutationObserver是不是可以用vue提供的watch实现呢，为啥课程中要使用MutationObserver？

Answer 1

页雨 2020-07-21 23:04:47

我的理解是 watch 监控的是 vue 实例中的数据，而 MutationObserver 不一样， MutationObserver 监听的是 DOM 节点的属性的变化。比如 title 属性改变了，用 watch 可以通过绑定数据实现，但是DOM节点的属性太多了，不可能每个都去进行绑定吧，而 MutationObserver 实现起来很简单，只需要 new  一个 MutaionObserver 实例，在 new 这个实例的时候传入你的处理函数，然后在 observer 中设置 attributes 为 true 即可。