vue3 定义全局方法以及定义全局组件
文章目录前言一、定义全局方法二、定义全局组件总结前言提示:这里可以添加本文要记录的大概内容:例如:随着人工智能的不断发展,机器学习这门技术也越来越重要,很多人都开启了学习机器学习,本文就介绍了机器学习的基础内容。提示:以下是本篇文章正文内容,下面案例可供参考一、定义全局方法代码如下://main.js中import axios from 'utils'app.config.globalProper
·
一、定义全局方法
代码如下:
//main.js中
import axios from 'utils'
app.config.globalProperties.$axios = axios
组件中使用:
//组件中使用
<script setup>
import { reactive, ref, getCurrentInstance } from "vue";
const _this = getCurrentInstance()
const { $axios} = _this.appContext.config.globalProperties;
//直接调用
$axios.post("/api/echartsData").then((res) => {
//赋值
});
</script>
二、定义全局组件
代码如下:
//main.js中
import secondNav from "./components/secondNav.vue";
const app = createApp(App)
app.component('secondNav ', secondNav)
组件中使用:
//组件中使用
<template>
<second-nav />
</template>
总结
vue2 中 Vue.prototype;vue3中使用app.config.globalProperties
参考https://blog.csdn.net/qq_42092177/article/details/120529958
更多推荐
已为社区贡献1条内容
所有评论(0)