vue3设置全局变量
时间: 2023-08-30 11:04:45 浏览: 574
详解Vue 全局变量,局部变量
5星 · 资源好评率100%
在Vue3中设置全局变量有两种方式。第一种是通过在main.js中设置全局变量,可以使用import语句导入api,并将其赋值给app.config.globalProperties.$api。然后可以在页面中使用getCurrentInstance方法来获取全局设置的变量,例如通过const { proxy: { $api } } = getCurrentInstance()来获取api变量。另一种方式是在页面的<script lang="ts" setup>标签中,使用import { getCurrentInstance } from "vue"来导入getCurrentInstance方法,然后可以通过getCurrentInstance()?.appContext.config.globalProperties.$systemId来获取全局变量,例如const systemId = getCurrentInstance()?.appContext.config.globalProperties.$systemId。
阅读全文