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

• 在 vue2 中绑定

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

• 在 vue3 中绑定

  // 初始化相关
  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>