主要介绍了使用vue 国际化i18n 多实现语言切换功能，本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值 ,需要的朋友可以参考下

一、前言 在4k广告机中需要实现多语言切换，这时候接触到国际化，前端框架无数，其中几种热门的框架都有相匹配的国际化插件工具。比如： vue + vue-i18n angular + angular-translate react + react-intl jquery + jquery.i18n.property 在4K广告机项目中使用的前端框架为Vue，故而我们将使用vue-i18n这个插件进行国际化功能的实现。 二、最终实现效果 三、国际化的实现 1、首先在自己的项目

安装 npm install vue-i18n 新建一个文件夹 i18n ，内新建 en.js zh.js index.js 三个文件 准备翻译信息 en.js export default { home: { helloworld: hello workd ！ } }; zh.js export default { home: { helloworld: 你好世界 } }; index.js 创建Vue-i18n实例 import Vue from vue; import V