1舌稀、安裝vue-i18n：
? ? ? ? ? ? npm install vue-i18n
? ? ? ? ? ? 如果npm長時間無反應(yīng)啊犬，或安裝失敗，可以換成淘寶鏡像安裝：
? ??????????cnpm install vue-i18n
2壁查、在main.js中引用：
? ??????????import VueI18n from 'vue-i18n'
? ??????????Vue.use(VueI18n)
3觉至、在src下新建語言文件：
? ??????????src/locale/language/zh.js
? ? ? ? ? ? src/locale/language/en.js
? ? ? ?內(nèi)容為：
?en.js
zh.js
4、新建一個common組件：
? ?????HTML模板：
HTML模板
data數(shù)據(jù)：
data數(shù)據(jù)
6睡腿、回到main.js中創(chuàng)建一個i18n的實例语御，并掛載到vue實例中
vue-i18n實力創(chuàng)建并掛載
7、其實到這一步席怪，已經(jīng)基本差不多了应闯，但是有人會問，為什么在i18n上使用了本地存儲挂捻，其實這里我是為了實現(xiàn)點擊按鈕碉纺，頁面不刷新、且更換語言刻撒，不然的話骨田，我們就得手動在代碼中控制語言的切換，這樣做是不允許的声怔，話不多說态贤，直接放代碼。
App.vue
App.vue
common.vue
注：這里利用了element-ui的一些彈窗效果醋火，所以你需先引入element-ui悠汽，還有就是這里用到了路由，記得配置一下路由哈胎撇，我們來看一下最終效果圖：
效果圖
