Vue 即 Vue.js，它是流行的前端开发框架，目前已经发展成为优秀的前端生态。html

若是不熟悉 JavaScript，基本上没法理解 Vue.js。因此读者朋友，请根据本身的状况，作好学习 Vue.js 的准备工做吧。前端

一旦具有基础知识后，便开始搭建环境，一边使用一边学习。vue

毫无疑问，一边动手一边看书，是掌握一门应用技能的最佳方法。node

针对于小型项目，只需将 Vue.js 库用于引用到项目中便可。针对于大型项目，官方建议使用 NPM 安装 Vue.js 以及配套的各类扩展工具。git

下面是官方提供的可供引用的方法：github

NPM 是 JS/Node 的一个包管理工具，Vue 配套工具利用 NPM 安装其余相关的 JS 包到本地项目。npm

下面列出从零开始的 Vue 安装过程：数组

想作到把握 Vue 的本质，须要紧紧记住以下几个要点：bash

虚拟 DOM 即虚拟出来的 DOM 元素，并不须要提早在 HTML 节点树中定义。而是先充分把虚拟 DOM 想作的事情“构建”出来，再挂载到真实的 HTML 结构中，这样便实现了所谓的前端的MVC化。app

Vue 的根本原理是虚拟 DOM 技术。

无论你有没有学习过 JS，你必定要明白，在 JS 中，一切皆对象。一个变量，一个类，一个函数，都具有对象的特征。

Vue 所谓的根实例，就是一个最基本的对象，对于 Vue 对象中定义的其余子项来讲，Vue 根实例就是它们的父对象。

通常用 this 表示根实例自己。

Vue 根实例中，主要将“数据+函数组选项”经过JSON格式展示出来。其中，data 能够写成对象，也能够写成函数（Vue 组件中必须写成函数）

Vue 实例具备一个生命周期，具体参考下图：

Vue 实例是一块儿的根本，但须要必须与 HTML 的节点发生链接，才能产生做用。

这个链接过程，咱们称之为数据绑定。

Vue 技术体系中，与数据绑定相关的技术要素包括：