如何正确分割Vuejs组件

Question

因此，我有一个巨大的Vue文件，该文件排除了1500行以上的CSS。

此文件是许多其他组件的包装，但大多数不能分解成较小的组件。

问题是我仍然有一些逻辑，例如可以提取的方法组。但是，它会影响某些数据或监视的属性。

是否可以导出文件的不同部分并将其用作更“全局的导入”。

类似的东西：

// components/component.logicX.vue/js?
export default {
    data() {
        return {
            ....
        }
    },
    methods: {
        aFewMethods(){ this.data = "something" },
        ...
    },
    watch: {
        ...
    } 
}

// component/component.vue
import logicX from '.component.logicX.vue'

export default {
    components: {
        logicX
    },
    data() {
        data: '' //this data is modified from a logicX component method.
    }

}