（一）Vue.js简介与安装

Unit 1 Vue.js简介与安装

一、Vue概述

1. Vue是一个用来开发Web界面的前端框架，是个轻量级的工具，它提供了现代Web开发中常见的高级功能（eg: 逻辑视图与数据、可复用的组件、前端路由、状态管理、虚拟DOM等）。
2. MVVM模式： 简称“模型-视图-视图模型（Model-View-ViewModel）”：

• 模型： 指后端传递的数据；（eg: 对象、数组等）

• 视图： 指HTML页面；（eg: 页面视图）

• 视图模型： 是MVVM模式的核心，是连接View和Model的桥梁。（eg: Vue实例化对象）

MVVM有两个方向：
(一)是将“模型”转化成“视图”：即将后端传递的数据转化成所看到的页面，实现方式——数据绑定；
（二)是将“视图”转化为“模型”：即将所看到的页面转化成后端的数据，实现方式——DOM事件监听；
如果这两个方向都实现，称之为“数据的双向绑定”。

3. 在MVVM的框架中，视图和模型是不能直接通信的，它们通过ViewModel来通信，流程图如下：