Как правильно разделить компонент 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.
    }

}