为构成父组件的每个项创建单独的组件?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了为构成父组件的每个项创建单独的组件?相关的知识,希望对你有一定的参考价值。

我希望能够获得有关创建新xtypes的一些见解。我目前正在为每个部分创建一个新的xtype,构成我需要的完整UI组件,但我想我可能会过度设计它。

例如,如果我需要创建一个窗口,其中包含一个表单,而该表单又包含一个字段集,我一直在创建一个单独的窗口(new xtype),一个表单(new xtype),一个fieldset(new xtype)并将它们组合在一起使用Items数组。

当然,这允许我在另一个窗口内重复使用该窗体,因为它是一个单独的xtype,并且字段集也可以重复使用。

所以我想只创建1“xtype” - 窗口并使用Items放置所有额外的位,而不是实际为这些项创建单独的xtypes。这是推荐的吗?

就在现在,我似乎至少有两个文件(窗口和组件,如表单,网格等)

我的新窗口xtype实际上并不是很多,它很空。它只是添加了我创建的新xtypes。

我认为它创建1 xtype并将我所有必要的组件直接放在这个文件中,因此我将有一个窗口“AddCustomerWindow”或采取其他路由,我有至少2个文件(有时更多)我将有一个AddCustomerWindow ,AddCustomerForm,AddCustomerFieldset

答案

如果需要在许多地方重新使用内部项目,那么可以为这些创建新的分离xtype。如果它们不可重新密封,那么这将成为额外的代码/额外文件,在这种情况下,您可以直接在您的窗口中编写所有项目。

以上是关于为构成父组件的每个项创建单独的组件?的主要内容,如果未能解决你的问题,请参考以下文章

vue组件-#构成组件-父组件向子组件传递数据

使用 Vue 在 v-for 中进行条件渲染

Vue.JS v-for循环后,想要实现每个单独项实现单独的show的true\false

vue学习笔记の实现select组件

vue 组件1

.vue组件中获取DOM元素问题