Vue介绍和Vue-cil(脚手架)

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。

CodeKZero WeChat Pay

WeChat Pay

CodeKZero Alipay

Alipay