如何检查视图是否被处理？

// 假设我们有一个ID为'myView'的元素
let myView = document.getElementById('myView');

if (myView) {
    console.log('视图已处理');
} else {
    console.log('视图未处理');
}

// 选择要观察变动的节点
let targetNode = document.getElementById('myView');

// 观察器的配置（需要观察什么变动）
let config = { attributes: true, childList: true, subtree: true };

// 当观察到变动时执行的回调函数
let callback = function(mutationsList, observer) {
    for(let mutation of mutationsList) {
        if (mutation.type === 'childList') {
            console.log('视图内容已更改');
        }
        else if (mutation.type === 'attributes') {
            console.log('视图的属性已更改');
        }
    }
};

// 创建一个观察器实例并传入回调函数
let observer = new MutationObserver(callback);

// 以上面的配置开始观察目标节点
observer.observe(targetNode, config);

import React, { useEffect } from 'react';

function MyComponent() {
    useEffect(() => {
        console.log('组件已挂载，视图已处理');
        return () => {
            console.log('组件已卸载');
        };
    }, []);

    return <div id="myView">Hello World!</div>;
}

<template>
  <div id="myView">Hello World!</div>
</template>

<script>
export default {
  mounted() {
    console.log('组件已挂载，视图已处理');
  },
  beforeUnmount() {
    console.log('组件即将卸载');
  }
}
</script>