本次主要是用vue框架完成该项目，总结如下：
一、表格
将表格和分页封装在一个组件，通过prop传值，将表头和表格数据传给表格，留一个插槽，若父组件里面需要增删改查，则占用这个匿名插槽。
二、导航栏
左边导航栏根据上边的导航一一对应，这些数据用树形数据存在vuex里面，然后通过父亲的下标来变化左边的数据 ，数据里面包括路由名，通过对应的路由名就能实现动态路由。
三、头像动态变化
此处头像通过全局事件总线来实现俩头像的动态变化，实现步骤：
（1）、单独写一个js文件
（2）、在main.js里面配置原型
（3）、在需要使用的组件里面引入
（4）、在需要使用的地方写上
将图片路径传到下面的组件中
四、element ui的增删改查
增：直接新增就完事
删：将这一行的数据传给事件，通过index和item传，默认就是这一行的index和item，若要用确认删除框的话，得讲删除事件写在@confirm里面
改：跟删除使用同样的绑定方法
查：input框用@input实现input框里面的值变化，下面表格中的值动态变化，下拉框通过@change实现，但是此方法非常消耗资源。
五、下拉框数据绑定
value就是对应显示出来的值
六、修饰符
总结：组件间传值：vuex和事件总线，vuerouter传参
扫一扫
162
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
