Vue2全局Mixin迁移Vue3组合式函数的全局访问及合理性问题

1. 如何让翻译函数无需显式导入即可全局访问 #

有两种主流方案可以实现全局访问：

方案一：通过app.config.globalProperties全局注册 #

在项目入口文件（如app.js）中，将翻译函数挂载到Vue应用的全局属性上：

import { createApp } from 'vue'
import App from './App.vue'
import {__, __n} from '@/Composables/translate.js';

const app = createApp(App)
// 挂载全局属性，建议加前缀避免命名冲突
app.config.globalProperties.$__ = __
app.config.globalProperties.$__n = __n

app.mount('#app')

• 选项式API组件中使用：直接通过this访问

export default {
  methods: {
    showText() {
      console.log(this.$__('message.hello'))
    }
  }
}