VUE：JavaScript模拟DOM

最新推荐文章于 2024-07-09 23:45:20 发布

离子守恒

最新推荐文章于 2024-07-09 23:45:20 发布

阅读量140

点赞数 1

分类专栏： VUE

本文链接：https://blog.csdn.net/qq_24243695/article/details/98764947

版权

VUE 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

DOM结构

    <div id="container">
        <h1 class="title">
            JS模拟DOM
            <span>哈哈</span>
        </h1>
        <p class="content">模拟模拟</p>
    </div>

JavaScript模拟DOM结构（Virtual DOM）

        const Vnode = {
            tag: "div",
            attr: {
                id: "container"
            },
            children: [
                {
                    tag: "h1",
                    attr: {
                        class: "title"
                    },
                    children: [
                        "JS模拟DOM",
                        {
                            tag: "span",
                            children: [
                                "哈哈"
                            ]
                        }
                    ]
                },
                {
                    tag: "p",
                    attr: {
                        class: "content"
                    },
                    children: [
                        "模拟模拟"
                    ]
               }
            ]
        }