vue介绍

VUE目前很火的一个 JavaScript MVVM 库，它是以数据驱动和组件化的思想构建的。相比于 Angular.js，Vue.js 提供了
更加简洁、更易于理解的 API，使得我们能够快速地上手并使用 Vue.js

如果你之前已经习惯了用 jQuery 操作 DOM，学习 Vue.js 时请先抛开手动操作 DOM 的思维，因为 Vue.js 是数据驱
动的，你无需手动操作 DOM。它通过一些特殊的 HTML 语法，将 DOM 和数据绑定起来。一旦你创建了绑定，DOM 将和
数据保持同步，每当变更了数据，DOM 也会相应地更新。

1.什么是 MVVM?

Mvvm 模式广泛应用在 WPF 项目开发中，使用此模式可以把 UI 和业务逻辑分离开，使 UI 设计人员和业务逻辑人员能够分工明确。
Wpf:Windows Presentation Foundation （WINDOW 呈现基础）

首先，我们将上图中的 ViewModel 和 Model 看作两个工具，它们是实现双向绑定的关键。
从 View 侧看，ViewModel 中的 DOM 监听器工具会帮我们监测页面上 DOM 元素的变化，如果有变化，则更改 Model
中的 数据；从 Model 侧看，当我们更新 Model 中的数据时，ViewModel 会帮我们更新页面中的 DOM 元素，并适时
反馈到 View 中。

2.使用 VUE 框架

方法 1：
开发环境版本，包含了有帮助的命令行警告

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> 

或者
生产环境版本，优化了尺寸和速度

<script src="https://cdn.jsdelivr.net/npm/vue"></script>

方法 2：
使用 vue-cli 方法构建，需熟悉 nodeJs 构建工具
vue项目搭建方法