Vue全家桶学习上手项目
发布于 7 年前 作者 tower1229 7897 次浏览 来自 分享

Vue更新到2.0后感觉更成熟稳定了,最近刚使用Vue,Vue-router,Vuex做了一个 前端组件管理系统

项目背景

项目背景是外包类建站公司里,设计环节沉淀了大量可复用组件,设计师往往只需要微调组件就拼凑出页面,交付给前端,理论上这些组件在前端也可以复用,但实际上前端每次都要重新实现整个页面,浪费很多人力。

实现功能

  • 管理组件,支持分类、搜索、排序
  • 展示组件,支持组件在线预览/编辑
  • 组件交接,支持生成组件代码和基于代码重现组件
  • 使用统计,支持统计组件的使用情况,便于进一步优化组件

源码: WidgetsPlayground

4 回复

下班了学习下

看起来很强大的样子啊

@falost 外包公司内部工具

谢谢楼主分享,我也推荐一个在线编程边学边练的入门级的Vue.js全家桶教程:

1.vue.js 入门与提高: http://xc.hubwiz.com/course/vue.js 2.vuex 2 入门与提高: http://xc.hubwiz.com/course/vuex 3.vue-router 入门与提高: http://xc.hubwiz.com/course/vuerouter 4.vue.js 工程化实践: http://xc.hubwiz.com/course/vuegch

回到顶部