uniapp 多语言自动翻译

uni-app提供了使用i18n插件实现多语言的切换和国际化开发的功能。你可以按照以下步骤来实现uni-app的多语言自动翻译：

1. 在main.js中引入i18n插件并配置语言包：

import VueI18n from 'vue-i18n'
import messages from './lang'

Vue.use(VueI18n)

const i18n = new VueI18n({
  locale: 'zh-CN', // 默认语言
  messages
})

new Vue({
  i18n,
  // ...
}).$mount('#app')

2. 在lang文件夹下创建语言包文件，例如zh-CN.js和en-US.js，分别存放中文和英文的翻译内容：

// zh-CN.js
export default {
  hello: '你好',
  welcome: '欢迎'
}

// en-US.js
export default {
  hello: 'Hello',
  welcome: 'Welcome'
}

3. 在需要切换语言的组件中，使用this.$t()方法来获取翻译后的文本：

<template>
  <div>
    <p>{{ $t('hello') }}</p>
    <p>{{ $t('welcome') }}</p>
  </div>
</template>

4. 在需要切换语言的地方，修改this.$i18n.locale的值来实现语言切换：

// 在点击事件中切换语言
methods: {
  changeLanguage() {
    this.$i18n.locale = this.$i18n.locale === 'zh-CN' ? 'en-US' : 'zh-CN'
  }
}

这样，当你点击切换语言的按钮时，页面上的文本会自动根据当前语言进行翻译。