当前位置: 首页 > Web前端 > vue.js

vue组件,分层开发,组件复用

时间:2023-03-31 16:23:35 vue.js

被Stu.vue代码拆分成三个标准组件,StuList.vue,StuAdd.vue,StuEdit.vueappStuList,包含el-tableStuEdit,包含el-dialogStuAdd,包含el-dialog代码结构更清晰,业务处理更规范,便于大型项目维护和二次开发。在后续的业务使用中(每次),只需调用该组件Component-->[stuEdit]-->stuEdit-->quan.$refs.stuEdit.getStu(bean);},showAdd:function(){//-->App.vue-->[stuList,stuAdd]-->.stuAdd.addFlag=true;全.$parent.$refs.stuAdd.addFlag=true;//quan.$parent.$refs.stuAdd.addFlag=true;},