使用vue观看html元素中的更改

Question

我正尝试通过以下方式观看HTML元素：

 computed: {
    content(){
      return document.querySelector(".tab-content")
    }
 },
 watch: {
    content(newVal) {
      return newVal;
    }
 }

但是当.tab-content更改（它是innerHTML）时，vue将不会跟踪/响应。知道为什么吗？

Answer 1

您不能监视计算的值，计算的方法已经像监视程序一样，它们在内容更改时会更新。您使用监视方法来监视数据或道具的更改

export default {
    data: () => ({
        content: ''
    }),
   watch: {
       content () {
           return this.content
       }
   }
}