vue 组建的属性分类问题

翟新华
  • 19

对于一个复杂的表单系统,会把一个页面分成很多个组建,什么时候把这个属性定义在父组件中,是什么时候把属性定义在子组件中,如果定义在子组件中,复杂的属性透传怎么解决;定义在父组件中,父组件的属性又会很冗余!求大神指点,组建属性怎么分类定义。

评论
阅读 448
2 个回答

嗯,我不是大神,谈谈我的经验。

一个页面分为好多个组件,那么可以把每个组件当做一个对象,用面向对象的思想,这样逻辑就很清晰了,父组件就只执行父组件需要的方法就可以了;至于组件需要完成什么样的功能怎么完成就都不需要在父组件去考虑了;

表单系统的话比方说我父组件只有一个保存按钮,页面内的所有内容都是用组件来写的展示的,那么我的父组件只考虑保存方法怎么执行,数据的添加删除编辑全部是组件的功能,保存方法内需要提交接口的数据全部从组件导出就可以了。

我的思路很简单了,别的组件有用的就定义在父组件,作为沟通的桥,自定义model或者.sync解决传参,不然就在本实例放着,思路应该是一个组件解决一个问题,最好最终一个结果传给父组件,这是理想情况

宣传栏