MVVM模式
Model:负责数据存储
View:负责页面展示
View Model:负责业务逻辑处理(比如:Ajax请求等),对数据进行加工后交给视图展
Vue核心特性
简化DOM操作
双向数据绑定
Vue(借鉴了React的虚拟DOM,借鉴了Angular双向数据绑定)
数据发生变化,视图也跟着发生变化
通过指令扩展了HTML,通过表达式绑定数据到HTML
解耦视图与数据
视图与数据分开写
可复用组件
虚拟DOM
MVVM
数据驱动视图
什么是虚拟DOM?
传统的web开发,是利用jQuery库操作DOM,这是非常耗资源的。
虚拟DOM是在 JS 的内存里构建类似于DOM的对象,去拼装数据,拼装完整后,把数据整体解析,一次性插入到html里去。
Vue1.0没有虚拟DOM,Vue2.0改成了基于虚拟DOM。