vue3.0全局变量app.config.globalProperties的使用

app.config.globalProperties是一个用于注册能够被应用内所有组件实例访问到的全局属性的对象。是Vue2中Vue.prototype使用的一种替代，具体用法如下：

1.  
   // main.js
2.  
   import { createApp } from 'vue'
3.  
   import App from './App.vue'
4.  
   import router from './router'
5.  
   import store from './store'
6.  
   const app = createApp(App)
7.  
   app.use(store).use(router).mount('#app')
8.  
    
9.  
   app.config.globalProperties.message = 'hello'// 自定义添加

1、在组合式api使用：

1.  
   <script setup>
2.  
   // 通过getCurrentInstance 获取
3.  
   import { getCurrentInstance, onMounted } from 'vue'
4.  
   const { message } = getCurrentInstance().appContext.config.globalProperties
5.  
   onMounted(() => {
6.  
   console.log(message) // hello
7.  
   })
8.  
    
9.  
   </script>

2、在选项api中使用：

1.  
   <script>
2.  
   export default {
3.  
   mounted () {
4.  
   console.log(this.message) // hello
5.  
   }
6.  
   }
7.  
   </script>

这篇好文章是转载于：学新通技术网