使用i18n在vue路由器中转换元标签

npm install vue-i18n

import Vue from 'vue';
import VueI18n from 'vue-i18n';

Vue.use(VueI18n);

const messages = {
  en: {
    meta: {
      title: 'My Website',
      description: 'This is my website'
    }
  },
  zh: {
    meta: {
      title: '我的网站',
      description: '这是我的网站'
    }
  }
};

const i18n = new VueI18n({
  locale: 'en', // 默认语言
  messages
});

export default i18n;

import Vue from 'vue';
import Router from 'vue-router';
import i18n from './i18n';

Vue.use(Router);

const router = new Router({
  routes: [
    {
      path: '/',
      name: 'Home',
      meta: {
        title: i18n.t('meta.title'), // 使用i18n来获取元标签的标题
        description: i18n.t('meta.description') // 使用i18n来获取元标签的描述
      },
      component: Home
    }
  ]
});

export default router;