一、下载依赖包
npm install vue-i18n
二、创建多语言资源包
在根目录下的src文件夹中新建lang文件夹,分别创建多个json作为语言包。
三、在main.js中引入
四、页面使用 (用$t 写入)
vue-i18n 提供了一个全局配置参数叫 “locale”,通过改变 locale 的值可以实现不同语言的切换。在页面中只需要在切换时,修改this.$i18n.locale的值即可。
五、效果图
一、下载依赖包
npm install vue-i18n
二、创建多语言资源包
在根目录下的src文件夹中新建lang文件夹,分别创建多个json作为语言包。
三、在main.js中引入
四、页面使用 (用$t 写入)
vue-i18n 提供了一个全局配置参数叫 “locale”,通过改变 locale 的值可以实现不同语言的切换。在页面中只需要在切换时,修改this.$i18n.locale的值即可。
五、效果图