# 在uniapp中使用translate.js

在uniapp中使用translate.js主要引用了2个组件：

- translate.vue
- switch-language.vue

## translate.vue

1. 全局注册后在需要翻译的页面引用该组件即可。
2. 主要功能是初始化和启动翻译。
3. 额外提供一个响应式的属性 `translateId` 用来手动触发翻译刷新。  

![pictureOne](resource/pictureOne.png)
![pictureTwo](resource/pictureTwo.png)
![pictureTwo](resource/pictureThree.png)
## switch-language.vue

1. 切换语言组件，使用了renderjs来实现语言切换。
2. 可自行调整样式。
![pictureTwo](resource/pictureFour.png)
## 注意事项

1. 不支持微信小程序。
2. 页面使用 `.vue` 而不是 `.nvue`。
3. app环境的原生组件不在DOM树中，会翻译不了，所以尽可能使用UI框架的组件或者自定义组件。