Javascript 如何使自定义$option扩展计算方法或vue功能

当我构建组件时，有时计算属性变得非常大且难以读取。
例如，当我有一个组件处理一个包含10个字段（输入、选择等）的表单时，我通常创建10个计算属性来检查相应表单字段的有效性。10个计算属性，通过v型模型等观察变化。

我想要的是，如果有人知道如何创建自定义属性并扩展计算功能
例如：

<template>
   <div>
       <input class="form-control" v-model="$options.vmodels.firstName">
   </div>
</template>

我尝试使用$options调用自定义属性，但它似乎不适用于计算功能
例如，如果我想使用get/set创建一个计算自定义属性，并将其传递给v-model，那么它将永远不会变异以触发set或get方法。

我希望这样做的主要原因是提高代码的可读性。是的，我知道你们中的许多人应该说，如果组件变得很大，我应该创建多个组件，但我仍然想知道上述方法是否可行

---

提前谢谢

据我所知，您希望继承一些属性，以便在

组件A

中使用。这正是的用法。您可以为表单字段的mixin创建另一个文件，该文件具有您一直使用的计算属性，并将该mixin添加到

组件a

中。据我所知，您希望继承一些属性以在

组件a

中使用。这正是的用法。您可以为表单中的字段创建另一个包含计算属性的mixin文件，并在对mixin进行了一次小的研究之后，将该mixin添加到您的

组件a

@MarlonBarcarol中，从您的回答中，我现在明白了！我在一个新文件中使用了mixin，并将其导入到我的ComponentA中，它可以正常工作@我想这可能是我的解决方案，但不是很清楚！无论如何，谢谢你的时间！你能回答一下你的意见吗，让我把它标记为正确的？

export default {
   name: 'ComponentA',  
   computed: {},
   vmodels: {
      firstName:{
        get(){ return store.state.firstName}, // lets assume this works
        set(value){store.state.firstName = value}
     }
   },
   methods: {},
   watch: {},
}