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设置默认项