vue整理--原理及介绍

最新推荐文章于 2024-08-28 09:43:43 发布

jiaojsun

最新推荐文章于 2024-08-28 09:43:43 发布

阅读量1.3k

点赞数 1

分类专栏： vue

本文链接：https://blog.csdn.net/jiaojsun/article/details/81948030

版权

vue 专栏收录该内容

14 篇文章 1 订阅

订阅专栏

1.渐进式框架vue

vue是构建用户界面的渐进式框架，只关注视图层（view）

2.vue中两个核心点

1）响应的数据绑定

当数据发生改变=>自动更新视图

利用 Object.defineProperty 中的 getter/setter代理数据，监控对数据的操作。

2）组合的视图组件

3）虚拟DOM(virtual DOM)

以下两张图详细的介绍了vue的工作流程

简单解释一下就是，哪个节点发生变化就更新哪个，而不用全部重新渲染。

4）MVVM

5）vue实例

结合例子看更清楚

<body>
    <!--模板-->
    <div id="demo">
        {{ message }}
    </div>
    <script>
        //数据
        let data = {
            message:"hello,Vue!"
        }

        //Vm实例
        var vm = new Vue({
            el:"#demo",  //挂载元素
            data:data
        });

        console.dir(document);

    </script>
</body>