Webpack+Vue 2.0+Element 搭建后台管理页面

技术介绍

1、Element，是一套基于 Vue 2.0 的桌面端组件库,组件基本上满足现在后台管理页面的需求。目前饿了么推出了基于React和Angular的组件库，文档地址：http://element.eleme.io/#/zh-CN/component/，可以完全按照文档的步骤来进行代码搭建。
2、Webpack: element 通用模板或者使用vue-cli都是使用webpack进行打包构建的。文档地址：https://webpack.js.org/guides/
3、es6：文档地址：https://github.com/lukehoban/es6features
4、Vue-router：采用单页应用，需要了解路由的相关。文档地址：https://router.vuejs.org/zh-cn/
5、Vuex: 利用vuex进行用户信息、权限信息等共享。文档地址：https://vuex.vuejs.org/zh-cn/

目录结构

遇到的坑：

• el-form rules，model属性绑定，ref标识
• el-form-item prop属性绑定 不然validateField、resetFields不生效
• el-date-picker 时间插件获取的时间需要格式化，自带的change可以，
  也可以使用项目中的moment
• el-tree setCheckedKeys 该方法开发环境不生效（原因不知）；采用default-checked-keys设置默认项

转载于:https://www.cnblogs.com/wannana/p/7508744.html