vue 中实现多语言

一、下载依赖包

npm install vue-i18n

二、创建多语言资源包

在根目录下的src文件夹中新建lang文件夹,分别创建多个json作为语言包。

三、在main.js中引入

四、页面使用 (用$t 写入

vue-i18n 提供了一个全局配置参数叫 “locale”,通过改变 locale 的值可以实现不同语言的切换。在页面中只需要在切换时,修改this.$i18n.locale的值即可。

五、效果图


你可能感兴趣的:(vue 中实现多语言)