vue2框架应用构想

技术优势：

1、基于数据驱动，使用虚拟dom，减少dom操作，自动监控数据的变化渲染页面。

2、基于vue-router的路由机制很方便实现不同组件的动态加载，开发大型单页面应用无压力。

3、支持单文件组件，组件由视图、脚本、样式组成，组件之间可以互相调用，灵活性高，便于模块化管理。

4、有成熟的构建工具和第三方组件库，可快速部署环境开发。

5、开发体验好，上手快、运行效率高。

 

 

学习资源：

1、vue中文网 http://cn.vuejs.org/

2、vue-router https://router.vuejs.org/zh-cn/

3、vuex https://vuex.vuejs.org/zh-cn/

4、vue-cli https://github.com/vuejs/vue-cli

 

开源插件：

1、element http://element.eleme.io/#/zh-CN/

2、mint-ui https://github.com/ElemeFE/mint-ui

3、bootstrap-vue https://github.com/bootstrap-vue/bootstrap-vue/

4、cooking https://github.com/ElemeFE/cooking

5、https://github.com/NewDadaFE/vue-impression

 

开源项目：

1、https://github.com/bailicangdu/vue2-elm

2、https://github.com/shinygang/Vue-cnodejs

3、https://github.com/breezefeng/vue-cli-multipage

 

应用构想：

    目前后台管理平台还是传统的jquery框架，开发工作主要集中在后端开发人员，时常出现兼容性问题。如果采用前后端分离的开发模式，专人专事，统一交互规范，对通用功能实现组件化，改善现有的开发模式。

    当然组件化是一个工程量不小的事情，市面上已经有一些开源的插件很好用，有丰富的开发文档、统一的规范、大量的基础组件，没有必要再去重新造一个轮子，而是在他们的基础上去扩充我们自己的组件，方能做到事半功倍。

    推荐一个由饿了么团队出品的“element” ，是基于最新的vue2组件库，为开发者、设计师提供了配套的设计资源，能帮助网站快速搭建，建议用这套源码作为我们后台框架的基础框架。 当然还有一些基于bootstrap的vue组件库，但是组件数量不多，不够完善，个人觉得暂时作为备选方案。

 

详细请点击查看：http://element.eleme.io/#/zh-CN/

 

实施步骤：

1、git上新建一个后台框架预研demo库，基于vue-cli构建一个空项目。

2、收集后台功能点，根据element现有组件，规划还需要做哪些基础组件（如：选择发布对象、文件上传）。

3、基础组件设计、开发调试。

4、demo插件开发调试（模拟接口、真实接口）。

5、以后可于此demo模板构建新插件。