Vue 实现中/英语言切换功能

<template>
  <div id="app">
    <button @click="changeLanguage('en')">English</button>
    <button @click="changeLanguage('zh')">中文</button>
    <p>{{ $t('message.hello') }}</p>
  </div>
</template>
 
<script>
import Vue from 'vue';
import VueI18n from 'vue-i18n';
 
Vue.use(VueI18n);
 
const messages = {
  en: {
    message: {
      hello: 'Hello World'
    }
  },
  zh: {
    message: {
      hello: '你好，世界'
    }
  }
};
 
const i18n = new VueI18n({
  locale: 'en', // set default locale
  messages, // set locale messages
});
 
export default {
  name: 'App',
  methods: {
    changeLanguage(lang) {
      i18n.locale = lang;
    }
  }
};
</script>

这段代码使用了Vue.js和vue-i18n插件来实现一个简单的语言切换功能。用户可以通过点击按钮来切换应用的语言，$t('message.hello')用于在模板中显示已经翻译好的消息。