Vue.js-如何将计算属性重新定位到外部库文件中?
我是Vue新手,刚刚被分配到一个现有的Vue项目。我注意到一个组件的计算属性接近200行。可以将计算属性重新定位到外部.ts文件中并导入吗?如果是这样的话,进口会是什么样子 我所看到的一切都有位于组件本身的计算属性。我甚至不确定它是“允许的”,如果是,我不知道如何导入它,然后在组件中使用它Vue.js-如何将计算属性重新定位到外部库文件中?,vue.js,Vue.js,我是Vue新手,刚刚被分配到一个现有的Vue项目。我注意到一个组件的计算属性接近200行。可以将计算属性重新定位到外部.ts文件中并导入吗?如果是这样的话,进口会是什么样子 我所看到的一切都有位于组件本身的计算属性。我甚至不确定它是“允许的”,如果是,我不知道如何导入它,然后在组件中使用它 我感谢你的帮助 我不知道这是否有用,但你可以创建一个混音 所以你有了computed.js: export const computed = { computed: { my_comp_prop()
我感谢你的帮助 我不知道这是否有用,但你可以创建一个混音 所以你有了
computed.js
:
export const computed = {
computed: {
my_comp_prop() {
//some code
}
}
}
然后在组件中:
import { computed } from './computed'
export default {
mixins: [computed],
//more code
}
最后,所有内容都将合并到组件实例中。请不要忘记阅读有关Mixin和的内容,谢谢!对于整个计算属性部分来说,这听起来很合理。计算属性本身是否有等价物?假设我有10个计算属性,但其中一个很长,只是把东西挤了起来。是否可以从计算属性本身引用mixin或外部库?