Vue2.0结合iView快速搭建后台管理网站模板（附github源码地址）

一、项目背景：

尝试使用vue结合其UI框架iView快速搭建网站后台模板（在前后端分离的大背景下，传统的js、jquery已经不在是搭建前端的首选，尤其是mvvm模式下衍生出来的react.js、angular.js和vue.js等框架是的前端开发更加高效简洁，性能提高的同时，使得整个项目的前后端开发更加迅速有质。至于为何选择vue，原因如下：1.算是支持国产吧 2.vue似乎相比另外两个热门更加容易入手，当然在性能等方面各有各的优点吧）

github地址：https://github.com/yangyuscript/Vue-iView-demo.git

二、项目搭建（使用vue-cli脚手架搭建项目）：

1.node环境安装

2.安装vue-cli

3.生成项目

tip：关于项目搭建网上有许多教程，在这里就简单的列出大致的步骤，在整个项目的创建过程中一定会有许多异常（异常的原因大多是因为环境版本的原因，尽量尝试安装最新版本或者稳定版本），记住不要灰心，多看看几篇教程就ok啦！ 参考网址：https://www.cnblogs.com/wisewrong/p/6255817.html

三、项目使用插件

1.vue-router（路由的使用）

2.vue-resource （网络请求，一般主要的问题就是跨域，网上也有许多教程从前端去解决vue的跨域问题，但是笔者认为，跨域问题其实交给后台去处理即可）

四、vue学习心得：

因为笔者之前有使用过mvvm模式的框架，所以学习起来比较容易啦，vue核心就在于路由和组件化思想，所以重点就在于组件化的思想。

1.多过几篇官方文档（虽然写的不咋的），跟着案例手敲一遍，建议直接在vue-cli搭建的框架下学习使用（不要在通过引入js的方式啦，当然如果你觉得有难度可以先这样引入js去学习学习）

2.把vue-cli创建的项目下的各个文件作用搞清楚，尤其是App.vue、main.js、router文件夹下的index.js

3.多百度下别人的项目搭建及简单开发

tip：笔者也算是刚刚入门吧，对项目有不懂的地方可以评论问我的哈，与大家一起学习哈！！！