vue中i18n如何做多语言切换

Question

main.js中我写了几个不同的语言Vue.use(VueI18n)const messages = {en: {message: {hello: 'world hello'}},zh: {message: {hello: '世界'}},de:{message:{hello:'Die Welt'}},ko:{message:{hello:'세계'}}}const i18n = new VueI18n({locale: 'ko',messages})new Vue({i18n ,el: '#app',router,template: '<App/>',components: { App }})在组件中<button type="button" @click="changeLanguage('en')">英文</button><script>export default {data () {return {hello: this.$t('message.hello'),}},methods:{changeLanguage(value){if(value=='en'){this.$locale='en'}}}}</script>我想做个点击事件实现点击切换语言，但是没有思路。我一直想着如何把组件中拿到的locale传到main.js中去改变语言显示。思路是否有问题呢，也不知道如何传过去。。。

Answer 1

同问？？？

Answer 2

同楼上

Answer 3

你实现了吗？