vue cli專案中引入vue i18n

2021-10-14 08:06:56 字數 910 閱讀 3198

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）:

const i18n = new vuei18n(


})new vue()
語言相關包（zh.js、en.js）:

zh.js:

export const lang = ,,,


,,


],login: '登入',


register: '註冊',


welcome: '歡迎',


logout: '退出'


}
en.js:

export const lang = ,,,


,,,],


login: 'login',


register: 'register',


welcome: 'welcome',


logout: 'logout'


}
語言切換：

this.$i18n.locale = 'en-us'// 切換成英文


this.$i18n.locale = 'zh-cn'// 切換成中文
使用（同於vue中對於文字資料的渲染，有以「}」或v-text、v-html等的形式，同樣的使用語言國際化（vue-i18n）後，依舊可以沿用）：

}


}}
eg:

v-text:

}

用Vue cli搭建的專案中引入css報錯的原因

經過一番折騰之後發現需要在build檔案下的webpack.base.conf.js中加上下面的 即可 另外說明下假如你的css檔案是在src目錄下的話就新增src的路徑，如上圖，element ui或者mint ui minit ui的我沒試過，個人認為也要加上去webpack才能查詢到 假如你的...

專案中引入字型

font face html,body蘋方提供了六個字重，font family 定義如下 蘋方 簡 常規體 font family pingfangsc regular,sans serif 蘋方 簡 極細體 font family pingfangsc ultralight,sans serif...

專案中引入kafka

專案如果需要引入kafka，可以從以下幾個流程走 1.pom檔案引對應的jar包 org.apache.kafka kafka 2.9.2 0.8.2.1 有的專案還需要將對應使用kafka的包 類作為groupid artifactid引入 例 如果專案已經做了相應配置，則只需要引入最上面的jar...