vue整理--原理及介绍

1.渐进式框架vue

vue是构建用户界面的渐进式框架,只关注视图层(view)

vue整理--原理及介绍_第1张图片

2.vue中两个核心点

1)响应的数据绑定

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

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

2)组合的视图组件

vue整理--原理及介绍_第2张图片

3)虚拟DOM(virtual DOM)

vue整理--原理及介绍_第3张图片

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

vue整理--原理及介绍_第4张图片

vue整理--原理及介绍_第5张图片

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

vue整理--原理及介绍_第6张图片

4)MVVM

vue整理--原理及介绍_第7张图片

5)vue实例

 vue整理--原理及介绍_第8张图片

结合例子看更清楚


    
    
{{ message }}

6)声明式渲染

vue整理--原理及介绍_第9张图片

7)指令

vue整理--原理及介绍_第10张图片

8)vue渐进式学习提纲

vue整理--原理及介绍_第11张图片

你可能感兴趣的:(vue)