我爱模板网 > 建站教程 > 前端框架 >  vue3全局引入方法正文

vue3全局引入方法

vue3全局引入和vue2不太一样,点击查看:vue2全局引入方法。vue3全局引入方法步骤如下:
1、新建js,导出您的方法:
var func = {
    msg(){
        alert(111)
    }
}

export default func;
2、在main.js全局引入
import { createApp } from 'vue'
import App from './App.vue'
//引入
import axios from 'axios'
import func from './assets/js/func'
var app = createApp(App)
//注入
app.config.globalProperties.axios = axios;
app.config.globalProperties.func = func;
app.mount('#app')
3、使用方法:
this.func.msg();

this.axios.get('',{

}).then((res) => {
    console.log(res)
})



部分素材资源来源网站,本站提供免费下载,如有侵权请联系站长马上删除!
上一篇:vue 引入全局变量和全局函数 下一篇:vue3利用teleport实现简单的模态框代码
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
选择头像:
最新评论

猜你喜欢