如何利用Vue表单处理实现多语言切换

<template>  <div>    <form @submit.prevent="changeLanguage">      <label for="language">Select Language:</label>      <select id="language" v-model="selectedLanguage">        <option value="en">English</option>        <option value="zh">中文</option>        <option value="es">Español</option>      </select>      <button type="submit">Change Language</button>    </form>  </div></template><script>export default {  data() {    return {      selectedLanguage: 'en' // 默认选择英语    };  },  methods: {    changeLanguage() {      // 处理语言切换逻辑      // 可以在这里调用全局的i18n插件，实现语言切换      // 例如：this.$i18n.locale = this.selectedLanguage;    }  }};</script>

<template>  <div>    <language-switcher @changeLanguage="handleChangeLanguage" />    <!-- 注意：这里的@changeLanguage是我们自定义的事件，用来处理语言切换事件 -->    <!-- 其中handleChangeLanguage是一个自定义方法 -->    <!-- 可根据实际项目需要，在此方法中实现语言切换的逻辑 -->  </div></template><script>import LanguageSwitcher from './components/LanguageSwitcher.vue';export default {  components: {    LanguageSwitcher  },  methods: {    handleChangeLanguage(selectedLanguage) {      // 处理语言切换逻辑      // 可以在这里调用全局的i18n插件，实现语言切换      // 例如：this.$i18n.locale = selectedLanguage;    }  }};</script>