第2章　Vue 2.x开发基础

2.1　Vue是什么

Vue是一门以数据驱动页面渲染为核心，为浏览器提供模板渲染的引擎。在Vue的世界中操作视图只需将视图中绑定的数据变量更改便可以完成页面的更新。Vue是一款非DOM操作框架，它内部继承了渲染能力、事件处理能力和组件通信能力等核心功能，可以在不需要任何DOM操作的情况下实现绝大多数DOM框架所具备的能力。

1．为什么使用Vue

由于时代的发展，现代Web项目中在网页中的项目规模持续膨胀，对前端项目的可维护性及性能要求逐渐升高，传统的HTML+CSS+JQ（JQuery）的形式由于没有模块化开发的能力，所以导致大型Web项目中大量面向过程的代码在同一个网页中堆积，从而降低了项目的可维护性和持续迭代性，并且大量的DOM操作降低了浏览器的渲染性能，而Vue等以数据为核心驱动页面渲染的MVVM框架更加适合复杂烦琐的现代项目。

2．Vue基于的设计模式MVVM介绍

MVVM全称是Model（数据层）-View（视图层）-ViewModel（视图的数据对象）。

Vue是以数据驱动的，Vue自身将DOM和数据进行绑定，一旦创建绑定，DOM和数据将保持同步，每当数据发生变化时，DOM会跟着变化。ViewModel是Vue的核心，它是Vue的一个实例。Vue实例作用于某个HTML元素上，这个HTML元素可以是body，也可以是某个id所指代的元素。