Advertisement

使用vue-i18n项目国际化

阅读量:

Vue-i18n方案文档解析

简介

安装

复制代码
    npm i -S vue-i18n
    
      
    

配置

复制代码
    cd project-path/src/***
    mkdir i18n
    cd i18n
    touch index.js
    mkdir lang
    touch zh-CN.js en-US.js
    
      
      
      
      
      
      
    

1.zh-CN.js与en-US.js属于具体语言资源文件;

2.index.js用于创建VueI18n的实例,加载应用程序所需的语言包,并将其导出为i18n;

3.项目启动文件在初始化Vue时引入i18n:const app = new Vue({router, i18n, ...})

语言切换

复制代码
    // ./i18n/index.js
    // 按需加载(此实现需要lang与语言包js文件同名,如'zh-CN'、'us-EN'等)
    export function loadLanguageAsync (lang) {
      if (i1

全部评论 (0)

还没有任何评论哟~