Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/go/7.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Vue.js-如何将计算属性重新定位到外部库文件中?_Vue.js - Fatal编程技术网

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

Vue.js-如何将计算属性重新定位到外部库文件中?,vue.js,Vue.js,我是Vue新手,刚刚被分配到一个现有的Vue项目。我注意到一个组件的计算属性接近200行。可以将计算属性重新定位到外部.ts文件中并导入吗?如果是这样的话,进口会是什么样子 我所看到的一切都有位于组件本身的计算属性。我甚至不确定它是“允许的”,如果是,我不知道如何导入它,然后在组件中使用它 我感谢你的帮助 我不知道这是否有用,但你可以创建一个混音 所以你有了computed.js: export const computed = { computed: { my_comp_prop()

我是Vue新手,刚刚被分配到一个现有的Vue项目。我注意到一个组件的计算属性接近200行。可以将计算属性重新定位到外部.ts文件中并导入吗?如果是这样的话,进口会是什么样子

我所看到的一切都有位于组件本身的计算属性。我甚至不确定它是“允许的”,如果是,我不知道如何导入它,然后在组件中使用它


我感谢你的帮助

我不知道这是否有用,但你可以创建一个混音

所以你有了
computed.js

export const computed = {
 computed: {
   my_comp_prop() {
     //some code
   }
 }
}
然后在组件中:

import { computed } from './computed'

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

最后,所有内容都将合并到组件实例中。请不要忘记阅读有关Mixin和

的内容,谢谢!对于整个计算属性部分来说,这听起来很合理。计算属性本身是否有等价物?假设我有10个计算属性,但其中一个很长,只是把东西挤了起来。是否可以从计算属性本身引用mixin或外部库?