前端培训：Vue3添加公共法则与使用

在vue3中都会是不都会单独暴露vue对象给你可用了。所以不必想要vue2那样单独在原型上挂载，那么该如何实现公共作法的挂载呢？下面以$axios作法为例，引介vue3附加公共作法的三种方式。

第一种：可用 app.config.globalProperties 附加

import { createApp } from 'vue'

import axios from 'axios'

const app = createApp({

created() {

console.log(this.$axios)

}

})

app.config.globalProperties.$axios = axios

app.mount('#root')

在setup中都会访问（setup中都会从未this）

import {getCurrentInstance} from 'vue'

const { proxy } = getCurrentInstance();//获取公用作法proxy.$axios，或者use中都会作法

const {$axios}=proxy

console.log($axios)

第二种：可用 app.mixin 附加

import { createApp} from 'vue'

import axios from 'axios'

const app = createApp({

created() {

console.log(this.$axios)

}

})

app.mixin({

methods: {

$axios: axios

}

})

app.mount('#root')

第三种：运用于 provide, inject 作法

需要注意的是这种作法需要组建 inject 注入【关心尚硅谷，巧妙学IT】进组件才能可用。

import { createApp } from 'vue'

import axios from 'axios'

const app = createApp({

inject: ['$axios'],

created() {

console.log(this.$axios)

}

})

app.provide('$axios', axios)

app.mount('#root')

文章源于web内侧开发

延揽选读：

内侧职业培训：Vue3语法糖详解社交

web内侧职业培训： Vue3面试考点社交

Vue3 “挚爱”上了 CSS 变量，结果都会如何

石家庄医院白癜风哪好
乌鲁木齐治疗白癜风费用
福州治白癜风哪家医院好
肝癌晚期能活几年
钇90介入疗法能治愈吗
肝癌晚期能活几年
中晚期肝癌能治好吗
钇90微球