引言

Vue 是 JavaScript 开发人员非常喜欢的技术之一，所以，我希望能为那些想学习 Vue 技术的朋友们提供一些简要的说明，使它形成一个系列，帮助他们迈入 Vue 开发的大门。

学习 Vue 的先决条件

• 熟悉 HTML 和 CSS ，可以尝试用它们做一些页面布局
• 了解 JavaScript 的基础知识
• 对 ES6 的语法和新特性有一定了解
• 会用 npm 进行全局安装和项目依赖安装

什么是 Vue？

Vue 是一套开源的前端 JavaScript 框架，核心只关注视图层，目前非常流行，备受前端开发人员喜爱。Vue 非常容易上手，并且可以和其它第三方库或现有项目整合使用。

但最让我感到兴奋的特性是 Vue 基于数据驱动视图，数据变了，视图就跟着变了。

关于 Vue 的优点和特性相信大家已经了解很多了，更多细节可以移步 Vue 官网查看。

安装 Vue 与一些基础知识

有两种方式可以在项目中使用 Vue ，我们结合一个示例，展示第一种使用 Vue 的方式，它是最简单的使用 Vue 的方式。

Vue CDN 方式

试一试

新建一个叫 vue-demo 的目录，进入目录，在里面建立一个 index.html 文件。这个示例将会在页面中显示一句话：“Hello, VueJS!”。

正如代码中

标签内所示，通过