在vue3中,Vue对象不会直接暴露给你使用。前端培训,所以不能像vue2一样直接挂载到prototype上,那么如何实现public方法的挂载呢?下面以$axios方法为例,介绍三种在vue3中添加public方法的方法。第一个:使用app.config.globalProperties添加import{createApp}from'vue'importaxiosfrom'axios'constapp=createApp({created(){console.log(this.$axios)}})app.config.globalProperties.$axios=axiosapp.mount('#root')在设置中访问(设置中没有这个)inuse方法二:使用app.mixin添加import{createApp}from'vue'importaxiosfrom'axios'constapp=createApp({created(){console.log(this.$axios)}})app.mixin({methods:{$axios:axios}})app.mount('#root')第三:在使用provide和inject方法时需要注意的是,该方法需要构建inject,注入到组件中才能使用_web前端训练。import{createApp}from'vue'importaxiosfrom'axios'constapp=createApp({inject:['$axios'],created(){console.log(this.$axios)}})app.provide('$axios',axios)app.mount('#root')文章来自web前端开发
