vue2的路由配置文件设置路由title时如何使用i18n国际化配置的属性

要在Vue2的路由配置文件中使用i18n国际化配置的属性，可以按照以下步骤进行设置：

首先，在Vue项目中安装并配置好i18n插件。可以使用vue-i18n插件来实现国际化。
在i18n配置文件中，定义需要使用的路由标题的翻译字段。例如，可以在locales文件夹下的zh-CN.json文件中添加一个名为routeTitles的字段：

{
  "routeTitles": {
    "home": "首页",
    "about": "关于我们",
    "contact": "联系我们"
  }
}

在路由配置文件中，引入i18n实例，并使用i18n的翻译函数来获取路由标题。例如，在router.js文件中：

import Vue from 'vue'
import VueRouter from 'vue-router'
import i18n from '@/i18n' // 导入i18n实例

Vue.use(VueRouter)

const routes = [
  {
    path: '/',
    name: 'home',
    component: Home,
    meta: {
      title: () => i18n.t('routeTitles.home') // 使用i18n的翻译函数获取路由标题
    }
  },
  // 其他路由配置...
]

const router = new VueRouter({
  mode: 'history',
  base: process.env.BASE_URL,
  routes
})

export default router

在上述代码中，我们使用了meta字段来存储路由的元数据，其中title字段的值是一个函数，它返回了i18n的翻译函数来获取对应的路由标题。

最后，在Vue实例中，使用beforeEach钩子函数来动态修改页面的标题。例如，在main.js文件中：

import Vue from 'vue'
import App from './App.vue'
import router from './router'

router.beforeEach((to, from, next) => {
  document.title = to.meta.title() // 动态修改页面的标题
  next()
})

new Vue({
  router,
  render: h => h(App)
}).$mount('#app')

通过以上步骤，就可以在Vue2的路由配置文件中使用i18n国际化配置的属性来设置路由的标题了。每当切换路由时，页面的标题会根据当前语言环境自动更新