uniapp 国际化代码

以下是一个示例代码，用于在uniapp中实现国际化：

// 定义语言包
const messages = {
en: {
welcome: 'Welcome to my app',
about: 'About',
contact: 'Contact',
},
zh: {
welcome: '欢迎来到我的应用',
about: '关于我们',
contact: '联系我们',
},
};

// 设置默认语言
const i18n = new VueI18n({
locale: 'en', // 默认语言为英文
messages,
});

// 创建Vue实例
new Vue({
i18n,
// 在模板中使用翻译
template: `
<div>
<h1>{{ $t('welcome') }}</h1>
<nav>
<ul>
<li><router-link to="/about">{{ $t('about') }}</router-link></li>
<li><router-link to="/contact">{{ $t('contact') }}</router-link></li>
</ul>
</nav>
</div>
`,
}).$mount('#app');

// 切换语言
i18n.locale = 'zh'; // 切换为中文

在这个示例中，我们首先定义了一个包含英文和中文语言包的变量messages。然后，我们使用VueI18n创建了一个实例，并将默认语言设置为英文。在Vue实例中，我们可以使用$t方法来翻译我们的文本。最后，我们还可以轻松地切换语言，只需将i18n.locale设置为所需的语言。