- 在
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>