vue I18n 实现笔记(与官网高度重合)

最新推荐文章于 2023-08-23 00:21:05 发布

不快乐的小学生

最新推荐文章于 2023-08-23 00:21:05 发布

阅读量518

点赞数

分类专栏： Vue js

本文链接：https://blog.csdn.net/weixin_44534359/article/details/106809728

版权

这篇博客介绍了如何在Vue项目中应用I18n进行国际化设置，详细阐述了Vue I18n的结构和使用方法，包括文件组织和在HTML、JS中的实际应用，同时提及了延迟加载翻译的概念。

摘要由CSDN通过智能技术生成

Vue I18n 官网教程：http://kazupon.github.io/vue-i18n/zh/introduction.html#%E8%B5%9E%E5%8A%A9%E5%95%86

结构

|___ src
     |___ i18n
          |___ langs
          |    |___ cn.js
          |    |___ en.js
          |    |___ ja.js
          |    |___ index.js
          |___ index.js

i18n/langs/index.js文件

import cn from './cn';
import en from './en';
import ja from './ja';

const messages = {
   
  cn,
  en,
  ja
};

//  热重载
if (module.hot) {
   
  module.hot.accept(['./cn', './en', './ja'], function () {
   
    i18n.setLocaleMessage('cn',