vue router中如何使用i18n

这是个问题

于 2021-06-29 16:02:10 发布

阅读量2.9k

点赞数 1

分类专栏： vue3 vue 文章标签： vue.js

本文链接：https://blog.youkuaiyun.com/weixin_39423672/article/details/118326424

版权

本文介绍了在 Vue.js 项目中，特别是在 Vue Router 中如何集成和使用 i18n 国际化功能。首先，详细阐述了准备工作，包括安装相应的插件，创建并准备翻译文件，全局引用以及在页面局部的应用。接着，提到了在 `router/index.ts` 文件中的配置，并且讨论了 `menu.vue` 文件中如何实现 i18n 支持。参考链接提供了更深入的教程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1)准备工作

安装插件 => 准备翻译文件 => 全局引用 => 页面局部使用
详见下链接 [如何在vue3中使用后i18n]

https://blog.youkuaiyun.com/weixin_39423672/article/details/118327547?spm=1001.2014.3001.5502

2）router/index.ts

import {
    createRouter, createWebHashHistory, RouteRecordRaw } from "vue-router";

const routes: Array<RouteRecordRaw> = [
  {
   
    path: "/login",
    name: "login",
    meta

最低0.47元/天解锁文章