一个项目搭建的好不好，对后期的开发和维护至关重要。如何判断一个项目是否建设好？目录结构目录结构其实说明了所有的问题。函数的区分是我一直用的。应该也是大部分Vue项目使用的组件移植。在做具有可扩展性的业务时，我们经常会遇到如上图所示的需求。A和B如何实现，方便扩展和调用？下面是我给出的实现，我的想法很简单。A是A，B是B，组件之间没有交互，只有通过Page才会有关联。我觉得这是一个原则。组件独立存在。两个组件之间不应有交互作用。如果有，则必须通过A和B的父组件间接完成。这样无论A组件是去Page1页面还是Page2页面，都是灵活的，不会涉及到其他业务逻辑的变化.//A.vue{name:'A',data(){return{list:[{id:0,title:'title1'}]}},mounted(){this.onClickItem(0)},methosd:{onClickItem(id){this.$emit('call',id)},getList(){this.list=this.list.concat([{id:this.list.length,title:'title1'}])}}}//B.vue{name:'B',props:{id:Number},data(){return{title:''}},methosd:{getView(id){this.title=id+'title'}}}//Page.vue
