vue多语言切换并保存在本地的代码

以下是一个简单的Vue多语言切换并保存在本地的代码示例：

<template>
  <div>
    <h2>{{ $t("hello") }}</h2>
    <button @click="changeLanguage('en')">English</button>
    <button @click="changeLanguage('zh')">中文</button>
  </div>
</template>

<script>
export default {
  methods: {
    changeLanguage(locale) {
      // 切换语言
      this.$i18n.locale = locale;
      
      // 保存语言设置到本地存储
      localStorage.setItem('language', locale);
    }
  },
  created() {
    // 获取本地存储的语言设置并应用到当前组件
    const savedLocale = localStorage.getItem('language');
    if (savedLocale) {
      this.$i18n.locale = savedLocale;
    }
  }
}
</script>

在这个例子中，我们使用了Vue的国际化插件`vue-i18n`来管理多语言。当用户点击切换语言的按钮时，我们更新了当前组件的语言，同时把语言设置保存到本地存储中。每次组件创建时，我们从本地存储中读取语言设置并应用到当前组件。

需要注意的是，这仅仅是一个基础的示例，实际项目中可能需要考虑更多的情况，比如语言文件的加载、不同语言间文本的差异、语言切换的动态性等等。