Vue

详情见：https://blog.csdn.net/huangjianfeng21/article/details/92043800

vue.js的核心特点—响应的数据绑定

当数据发生改变—自动更新视图。利用Object.definedProperty中的setter/getter代理数据，监控对数据的操作

vue.js的核心特点—可组合的视图组件

一个页面映射为组件树。划分组件可维护、可重用、可测试，也就是一个页面由多个组件组合而成

vue.js的核心特点—虚拟DOM

虚拟DOM的概述

运行的js速度是很快的，大量的操作DOM就会很慢，时常在更新数据后会重新渲染页面，这样造成在没有改变数据的地方也重新渲染了DOM节点，这样就造成了很大程度上的资源浪费。

利用在内存中生成与真实DOM与之对应的数据结构，这个在内存中生成的结构称之为虚拟DOM

当数据发生变化时，能够智能地计算出重新渲染组件的最小代价并应用到DOM操作上

Diff算法

React将DOM抽象为虚拟DOM, 然后通过新旧虚拟DOM 这两个对象的差异(Diff算法),最终只把变化的部分重新渲染,提高渲染效率的过程; diff 是通过JS层面的计算，返回一个patch对象，即补丁对象，在通过特定的操作解析patch对象，完成页面的重新渲染

vue.js的核心特点—MVVM模式

MVVM概述：M：Model数据模型 ， V：view 视图模板 ， vm：view-Model：视图模型

vue的MVVM实例（双向数据绑定）：当输入框输入数据的时候，相应的message也会改变

vue是如何实现双向数据绑定的：当数据发生改变—自动更新视图。利用Object.definedProperty中的setter/getter代理数据，监控对数据的操作

vue.js的核心特点—声明式渲染

Vue.js 的核心是一个允许采用简洁的模板语法来声明式的将数据渲染进 DOM，初始化根实例，vue自动将数据绑定在DOM模板上

声明式渲染与命令式渲染区别

声明式渲染：所谓声明式渲染只需要声明在哪里，做什么，而无需关心如何实现

命令式渲染：需要具体代码表达在哪里，做什么，如何实践