Vue.js-如何将计算出的属性重新定位到外部库文件中？

Question

我是Vue的新手，只是被分配到现有的Vue项目。我注意到一个组件的计算属性大约达到200行。可以将计算的属性重定位到外部.ts文件中并导入吗？如果是这样，导入将是什么样子？

我所看到的所有内容都具有位于组件本身中的计算属性。我什至不确定它是否被允许，如果是这样，我将不知道如何导入它，然后在组件中利用它。

感谢您的帮助！

Answer 1

我不知道是否有帮助，但是您可以创建一个mixin。 Read here about them

所以你有computed.js：

export const computed = {
 computed: {
   my_comp_prop() {
     //some code
   }
 }
}

然后在您的组件中：

import { computed } from './computed'

export default {
 mixins: [computed],
 //more code
}

最后，所有内容都将合并到您的组件实例中。请不要忘记阅读mixins和Custom Option Merge Strategies