教你怎样快速创建Vue单页面应用
Vue.js是一套目前比较流行的构建用户界面的渐进式框架，Vue 能够为复杂的单页应用程序提供驱动。废话不多说，进入正题。
1.安装：
首先您需要安装npm，如何安装npm，请参考node.js相关内容。 安装vue $ npm install vue 全局安装 vue-cli $ npm install --global vue-cli 创建一个基于 webpack 模板的新项目 $ vue init webpack my-project 这里需要一些配置，默认按回车即可，注意 ? Use ESLint to lint your code? No 这一项选No
2.运行：
进入项目 $ cd my-project 安装依赖 $ npm install 运行服务 $ npm run dev 教你怎样快速创建Vue单页面应用X 这时就会运行一个本地服务，服务端口号默认为8080，如下如： 教你怎样快速创建Vue单页面应用 项目结构如下图： 教你怎样快速创建Vue单页面应用 您可以在components中创建多个Vue文件，每个Vue文件就是一个组件，App.vue是主组件，它的模板内容最后在index.html页面展示。 教你怎样快速创建Vue单页面应用 Hello.vue代码如下： 教你怎样快速创建Vue单页面应用 App.vue代码如下： 教你怎样快速创建Vue单页面应用
3.设置路由：
路由设置在router下的index.js中，如下： 教你怎样快速创建Vue单页面应用
4.请求数据：
如果您需要向服务端请求数据，您首先要安装vue-resource $ npm install vue-resourse --save 安装完成后您需要在main.js中引入并使用，main.js如下： 教你怎样快速创建Vue单页面应用 比如您在test.vue中使用http请求，如下： 教你怎样快速创建Vue单页面应用 这时就会将请求到的数据展示到test页面中： 教你怎样快速创建Vue单页面应用 至此，我们的一个简单的单页面应用就搭建好了。