如何在同一页面中运行的不同js中使用vi18n

Question

我正在做一个包含3个部分的模板。

• 标题
• 在旁边
• content_section

每个部分都是不同的水疗中心，唯一更改的是 content_section

我该如何在与content_section脚本不同的脚本中分开标题和头，以便每次在前两个部分中都有更改时，都反映在所有部分中

当前，这是我的脚本：

require('../bootstrap');
window.Vue = require('vue');
import VueI18n from 'vue-i18n';
import spanish from '../Assets/Lang/Sections/AdminSection/es';
import eng from '../Assets/Lang/Sections/AdminSection/en';

var messages = {
    es: spanish,
    en: eng
}
const i18n = new VueI18n({
    locale: 'es', // set locale
    fallbackLocale: 'es',
    messages // set locale messages
});

const vue_template = new Vue({
    i18n,
    el: '#vue-template',
    components: {
        'aside-component': require('./Template/Components/AsideComponent.vue'),
        'header-component': require('./Template/Components/HeraderComponent.vue'),



   },
}


const componentes_vue = new Vue({
    i18n,
    el: '#vue-component',
    components:{
        'vue-section-component': require('./section_1.vue'),
    }
}

我正在用laravel mix编译所有这些，我想将两个实例分开，这样一方面vue_template的实例总是被编译，而components_vue的实例仅在必要时才编译