美文网首页Weex开发技巧web前端杂文程序员
Vue.js2+vue-router+Element-ui新手实

Vue.js2+vue-router+Element-ui新手实

作者: b98314bba338 | 来源:发表于2017-03-28 10:59 被阅读749次

    接上一篇:   Vue.js+vue-router新手实践

    这一篇,我们将引入elemen-ui,开发一个简单的单页面应用。

    首先,引入element-ui,参考element-ui官网

    安装方式

    这里建议npm安装,可以更好的配合webpack打包

    安装好了,我们要引入element-ui(全局引入):

    在main.js中全局引入

    当然,如果你只想在一个单独的页面使用也可以(按需引入):

    element-ui 官网介绍的方法,可以自己去看 开始使用

    接下来,我们要开发这样一个后台页面

    从网上找的模板

    具体的过程就不加赘述,对于需要的内容,可以在element文档中找到,自己需要的格式,直接复制到自己代码中,然后按照自己的需要改变颜色或者其他(其实elemen-ui颜色配置还是我很喜欢的)。

    这个是我 router配置:

    router配置

    我实现后的页面是这样的:

    修改的后台页面

    还是很多地方没有写好,后期会继续完善,如果对你有用,可以去下面的地址下载源码,可以star或者follow,我会继续更新的!

    源码地址 :后台demo地址

    下载之后

    cd进入文件夹

    npm install

    npm run dev

    就可以启动项目了

    相关文章

      网友评论

        本文标题:Vue.js2+vue-router+Element-ui新手实

        本文链接:https://www.haomeiwen.com/subject/wbalottx.html