精华内容
下载资源
问答
  • vue-i18n

    2020-07-07 09:26:09
    importVueI18nfrom'vue-i18n' Vue.use(VueI18n) consti18n=newVueI18n({ locale:"zh_CN", messages:{ 'zh_CN':require('./i18n/zh'), 'en_US':require('./i18n/en'), 'ja_JP':require('./...

    新建VueI18n.js

    import Vue from 'vue'

    import VueI18n from 'vue-i18n'

    Vue.use(VueI18n)

    const i18n = new VueI18n({

        locale:"zh_CN",

        messages:{

          'zh_CN' : require('./i18n/zh'),

          'en_US': require('./i18n/en'),

          'ja_JP': require('./i18n/ja')

        }

    })

    export default i18n;

    main.js 

    import i18n from './utils/VueI18n' //导入新建VueI18n.js

    new Vue({

      el: '#app',

      router,

      store,

      i18n,

      render: h => h(App)

    })

     //vue组件模板的使用
    <div>{{$t('message.zh')}}</div>
     
    //vue组件模板数据绑定的使用
    <input :placeholder="$t('message.zh')"></input>
     
    //vue组件data中赋值的使用
    data:{
     msg:this.$t('message.zh');
    }
     
    //js文件中赋值
    import i18n from 'VueI18n.js';
     
    console.log(i18n.t('message.zh'));

     

     

    展开全文
  • Vue-i18n

    2019-04-19 18:14:25
    npm install vue-i18n 第二步 入口文件min.js引入 import i18n from ‘./i18n/i18n’ 路径自己修改 new Vue({ i18n, } 第三步 建立i18n语言文件资源 写入自己的语言包 在i18n.js里面引入语言包 最后一步 页面展示...

    第一步

    安装i18n

    npm install vue-i18n

    第二步

    入口文件min.js引入

    import i18n from ‘./i18n/i18n’ 路径自己修改
    new Vue({
    i18n,
    }

    第三步

    建立i18n语言文件资源

    写入自己的语言包
    在这里插入图片描述
    在这里插入图片描述
    在i18n.js里面引入语言包
    在这里插入图片描述

    最后一步

    页面展示

    在这里插入图片描述

    展开全文
  • vue-i18n-next 这是Vue I18n 9(用于Vue 3)的存储库 Vue.js的国际化插件 支持Vue I18n Vue I18n是Vue生态系统的一部分,是MIT许可的开源项目,其持续的开发完全可以通过赞助者的支持而实现。如果您想成为赞助商,...
  • @ intlify / vue-i18n-loader 用于自定义块的vue-i18n加载程序 注意: :warning: next分支是Vue 3的开发分支! 稳定版现已在分支中! 状态:测试版 :star: 产品特点 i18n资源预编译 i18n自定义块 i18n资源定义 i18...
  • @ intlify / eslint-plugin-vue-i18n Vue I18n的ESLint插件 :open_book: 文献资料 看 :scroll: 变更日志 每个版本的详细信息更改记录在。 :exclamation_mark: 问题 在打开问题之前,请确保阅读“ 。 不符合准则...
  • i18n-replace vue-i18n提取项目文件内部中文细分 i18n-replace -f翻译目录-d json文件输出目录-i i18n约会目录
  • Laravel开发-laravel-vue-i18n-generator 从Laravel翻译中生成与Vue-I18n兼容的include文件。
  • 在您的项目中: composer require martinlindhe/laravel-vue-i18n-generator --dev 对于Laravel 5.4及以下版本: 对于较旧版本的框架: 在config/app.php注册服务提供商 MartinLindhe \ ...
  • 由于使用了此提供程序,因此您需要预先安装vue-i18n-locale-message。 $ npm install -g vue-i18n-locale-message :rocket: 用法 构型 使用此提供程序之前,需要配置以下内容: { "provider" : { "id" : ...
  • vue-i18n Vue.js的国际化插件 :1st_place_medal: 金牌赞助商 :2nd_place_medal: 银牌赞助商 :3rd_place_medal: 青铜赞助商 :loudspeaker: 注意 vue-i18n很快将转移到。 之后,它将在intlify上进行开发和维护。 ...
  • 前端项目-vue-i18n.zip

    2019-09-02 17:33:42
    前端项目-vue-i18n,Vue.js的国际化插件
  • vue中使用 vue-i18n 兼容多国语言 1.安装:npm install vue-i18n –save-dev 2.在main.js文件中引入: import VueI18n from 'vue-i18n' Vue.use(VueI18n) // 通过插件的形式挂载,通过全局方法 Vue.use() 使用...
  • npm install vue-i18n 在main.js中引用 import VueI18n from 'vue-i18n' Vue.use(VueI18n) 创建js文件 在main.js中设置路径 const i18n = new VueI18n({ locale: 'zh-CN', // 语言标识 //this.$i18n.locale // ...
  • 在vue构建的项目中,我们常用element-ui插件,在我的博客前面有讲述,具体怎么用vue-i18n插件进行国际化开发,但是在前面博客中,如果项目中使用了element-ui插件,插件中的语言文字替换可以结合element-ui插件一同...
  • npm install vue-i18n --save 2、注入 vue 实例中,项目中实现调用 api 和 模板语法 import VueI18n from 'vue-i18n' Vue.use(VueI18n) ; const i18n = new VueI18n({ locale: 'zh-CN', // 语言标识, 通过切换...
  • vue-i18n 仓库地址:https://github.com/kazupon/vue-i18n 兼容性: 支持 Vue.js 2.x 以上版本 安装方法:(此处只演示 npm) npm install vue-i18n 使用方法: 1、在 main.js 中引入 vue-i18n (前提是要先引入 ...
  • 1.安装vue-i18n 2.在main.js里面引用 import VueI18n from 'vue-i18n' Vue.use(VueI18n) 3.实例化i18n,并配置默认的语言模式,以及对应的文件(也是在main.js里使用) 如下。cn 中文包对应的是cn.js en 对应的是...
  • 主要介绍了vue-i18n结合Element-ui的配置方法,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
  • Vue-i18n大家应该都不陌生,Vue-i18n安装的安装方法如下: npm install vue-i18n --save 然而最近在vue项目中使用vue-i18n的时候,居然报错了,通过查找相关的资料终于找到了解决的方法,下面话不多说了,来一起看...
  • 1、vue-i18n安装  npm install vue-i18n --save-dev 2、在main.js文件中引入  import VueI18n from 'vue-i18n';  Vue.use(VueI18n);  const i18n = new VueI18n({  locale: localStorage.getItem('language')...
  • vue-i18n是一个vue插件,主要作用就是让项目支持国际化多语言,使用方便快捷,能很轻松的将我们的项目国际化。本文主要介绍使用vue-i18n实现切换中英文效果。 安装vue-i18n 我们使用npm安装vue-i18n。 npm ...
  • 最近接触学习Vue.js框架结合Element-ui组件开发项目。由于最近需要实现国际化功能,所以下面这篇文章主要介绍了vue项目国际化vue-i18n的使用的相关资料,文中通过示例代码介绍的非常详细,需要的朋友可以参考下。
  • npm install vue-i18n 2.创建中英文包 2.1 中文包 2.2 英文包 3.在main里面引入 import VueI18n from "vue-i18n"; Vue.use(VueI18n); const i18n = new VueI18n({  locale:  localStorage.getItem(...
  • 本篇文章主要介绍了vue.js国际化 vue-i18n插件的使用详解,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 2,188
精华内容 875
关键字:

Vue-i18n