app.config.globalProperties是一个用于注册能够被应用内所有组件实例访问到的全局属性的对象。是Vue2中Vue.prototype使用的一种替代,具体用法如下:
// main.js
import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
const app = createApp(App)
app.use(store).use(router).mount('#app')
app.config.globalProperties.message = 'hello'// 自定义添加
1、在组合式api使用:文章来源:https://www.toymoban.com/news/detail-672556.html
<script setup>
// 通过getCurrentInstance 获取
import { getCurrentInstance, onMounted } from 'vue'
const { message } = getCurrentInstance().appContext.config.globalProperties
onMounted(() => {
console.log(message) // hello
})
</script>
2、在选项api中使用:文章来源地址https://www.toymoban.com/news/detail-672556.html
<script>
export default {
mounted () {
console.log(this.message) // hello
}
}
</script>
到了这里,关于vue3.0全局变量app.config.globalProperties的使用的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!