Vue3 globalProperties 的使用（代替 Vue.prototype.$xxx）

Vue.prototype.$dzm = 'dzm-test'

// 初始化相关
import { createApp } from 'vue'
import { nextTick } from "@vue/runtime-core"
import App from './App.vue'
import router from './router'
import store from './store'
// 创建对象
const app = createApp(App)
// 必须使用 nextTick，不然会有加载顺序问题，导致绑定失败
nextTick(() => {
  // 代替 Vue.prototype.$xxx 绑定
  app.config.globalProperties.$dzm = 'dzm-test'
})
// 使用并挂载
app.use(store).use(router).mount('#app')
// 导出
export default app

<script>
// js 中使用方式
import { getCurrentInstance } from 'vue'
export default {
  setup () {
    const { proxy } = getCurrentInstance()
    console.log(proxy.$dzm)
  }
}
</script>

<!-- 模版中使用 -->
<span>{{ $dzm }}</span>