刚学习vue不久,所以对vue了解还不是很深,一直处于边做边查的状态,这几天开发一个双语网站。
内容如下,希望对大家有帮助。
安装 vue-i18n插件npm install vue-i18n
1.首先是引进i18n
1.首先是引进i18n
然后在index.js中
import VueI18n from 'vue-i18n'
import Vue from 'vue'
Vue.use(VueI18n)
const i18n = new VueI18n({
locale: 'cn', // 语言标识
messages: {
'cn': require('./lang/cn'), // 中文语言包
'en': require('./lang/en') // 英文语言包
},
})
export default i18n
cn.js以及en.js中写入需要用到的中英文翻译内容
在main,import i18n from './i18n'//引入配置文件
new Vue({
el: '#app',
router,
store,
i18n: i18n,
render: h => h(App)
})
2.在用到英文切换的模板中添加
由于此项目是在中文状态下默认显示英文按钮&