vue實現國際化

這裡為了簡單，將所有的東西都寫到main.js，在實際的應用中需要將這些拆分到不同元件中。

1.1 安裝vue的國際化支援

npm

install vue-i18n

src=

"">
script
>

這裡我們使用包管理工具的方式配置，我們直接在main.js中配置：

import vue from

'vue';;
import router from
'./router'
;import vuei18n from
'vue-i18n'
;vue.config.productiontip =
false
;vue.
use(vuei18n)
;// 掛在i18n外掛程式
// 建立i18n物件
const i18n =
newvuei18n(}
);newvue
()

// en.js：英文語言包：

export
const operation =
// zh.js：中文語言包：
export
const operation =

2.1 頁面中獲取到配置的屬性

我們知道vue中對於文字資料的渲染，有以}或者v-text、v-html等的形式，使用國際化後使用的方式也是沒有變的，但是我們要做一點小小的調整。

例如我們使用}時：

>
}button
>
>
}button
>
>
}button
>
>
}button
>

changelang=(

)=>
else
}

Vue實現國際化（中英切換）

實現這個需求要使用到vue i18n。npm install vue i18n然後掛載到main.js中，並配置。import vuei18n from vue i18n vue.use vuei18n 通過外掛程式的形式掛載 const i18n newvuei18n 注 locale是設定當前語...

vue專案實現國際化方案

採用方式 使用國際化外掛程式vue i18n，同時需要手動編寫語言 即 將專案中所有文字全部提出，增加其文字版本 npm install vue i18n 在專案中建立目錄 i18n 其目錄存在於 src 目錄下，與module目錄並級。langs 目錄存放語言檔案。index.js 配置引用語言的...

Vue 語言國際化

1 安裝外掛程式 npm install vue i18n 中英文2 建立i18n例項src i18n index.jsimport vuei18n from vue i18n import vue from vue vue.use vuei18n const i18n new vuei18n ex...