vue i18n 用法及外掛程式值

npm

install

vue-i18n

import vuei18n from

'vue-i18n'

importlangenfrom'../static/en'importlangzhchsfrom'../static/zhchs'

vue.use(vuei18n)

consti18n =newvuei18n(

})

new vue()

module.exports=

}

}

屬性中用法

:placeholder="$t('placeholder.enter')"

繫結在data中的值，在切換中英文時不會自動更新，正在尋找解決辦法，如有高手知道，可以指點一二。

2018.03.22自答：

去 vue-i18n 提了 issue 才知道是我對 vue 理解不夠深刻，

繫結在data中不會自動更新的原因是 vue 元件中的 data 屬性只會在元件例項化時候後計算一次

解決辦法是，寫在 computed props 裡

props: 

}

vue多語言外掛程式vue i18n

安裝vue i18nnpm install vue i18n s 使用 1.在main.js中引入vue i18nimport vuei18n from vue i18n vue.use vuei18n 2.vue i18n初始化const i18n newvuei18n 3.vue i18n掛載到...

vue cli專案中引入vue i18n

vue cli專案中引入vue i18n 安裝 npm install vue i18n可參考vue i18n官網文件 main.js中引入 import vue from vue import vuei18n from vue i18n vue.use vuei18n 配置語言包 main.js ...

語言國際化 vue i18n

安裝依賴包 npm i vue i18n s 在根目錄建立乙個 lang的資料夾,並且在lang資料夾內建立cn.js 和 en.js 開啟 main.js,注入vue例項中 import vue from vue import vuei18n from vue i18n 語言國際化 vue.use...