uniapp h5 监听dom js

UniApp H5通过Vue.js框架构建，如果你想监听DOM元素的变化，可以使用Vue的响应式系统或者直接操作DOM并结合`MutationObserver`来实现。以下是两种常见的方法：

1. **Vue的响应式**：
Vue提供了一套响应式的API，如`v-model`、`data`等，当你在数据上做出修改，Vue会自动更新UI。例如：

   <div>{{ message }}</div>
   <input v-model="message">

这里，当`message`的数据发生变化时，对应的DOM元素也会实时更新。

2. **MutationObserver**：
如果你需要更细粒度的DOM变化监听，可以使用`MutationObserver`。创建一个观察者实例，传入需要监视的节点和回调函数：

   const observer = new MutationObserver(mutations => {
     mutations.forEach(mutation => {
       mutation.addedNodes.forEach(node => {
         if (node.nodeType === Node.ELEMENT_NODE) {
           // 处理新添加或改变的节点
         }
       });
     });
   });

   // 观察指定元素
   const targetNode = document.getElementById('myDiv');
   observer.observe(targetNode, { attributes: true, childList: true, subtree: true });
   
   // 当不再需要监控时，停止观察
   observer.disconnect();