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:笔者也算是刚刚入门吧,对项目有不懂的地方可以评论问我的哈,与大家一起学习哈!!!

阅读更多

没有更多推荐了,返回首页