vue3技术点 - 全局挂载

最新推荐文章于 2024-09-09 21:20:26 发布

KingIQueen

最新推荐文章于 2024-09-09 21:20:26 发布

阅读量336

点赞数 1

分类专栏： vue3技术点文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/KingIQueen/article/details/121056499

版权

vue3技术点专栏收录该内容

8 篇文章 0 订阅

订阅专栏

在main.js中

import { createApp } from 'vue'
import request from './utils/request'
const app = createApp(app)
app.config.globalProperties.$request = request //设置封装全局调用axios方法this.$request()

axios二次封装

组件中使用全局挂载的方法

import { getCurrentInstance } from 'vue'
export default {
    name:'',
    setup(){
        const { ctx } = getCurrentInstance()
        onMounted(()=>{
            getUserList()
        })
        const getUserList = ()=>{
            ctx.$request()
        }
    }
}