vue3怎么使用Vue.prototype.$loading来实现定义全局的变量和函数

server/2024/11/15 6:00:25/

vue2中我们可以在main.js里面通过Vue.prototype.$loading="ddddd"来定义全局变量。其他页面直接使用this.$loading就可以获取值。

vue3中也想实在这个功能怎么办?

import App from "./App.vue";
import { createApp } from "vue";

const app = createApp(App);

app.config.globalProperties.$loading="ddddd"

其他页面使用。vue3里面没有this但是可以通过proxy访问他的this

import { getCurrentInstance } from 'vue'
const instance = getCurrentInstance()?.proxy
console.log(instance.$loading);


http://www.ppmy.cn/server/121765.html

相关文章

Altium Designer(AD)百度云下载与安装(附安装步骤)

在我们日常使用当中,Altium designer常常也被简称为AD,是一款一体化的电子产品开发系统软件,主要运行在Windows操作系统上。 我们通过Altium designer把原理图设计、电路仿真、PCB绘制编辑、拓扑逻辑自动布线、信号完整性分析和设计输出等技…

828华为云征文 | 在华为云上通过Docker容器部署Elasticsearch并进行性能评测

目录 前言 1. 华为云X实例介绍及优势 1.1 柔性算力 1.2 vCPU和内存的灵活配比 1.3 成本效益与性能 2. 安装并运行 Docker 2.1 修改仓库配置文件 2.2 安装 Docker 2.3 启动 Docker 3. 使用Docker部署Elasticsearch 3.1 拉取Elasticsearch镜像 3.2 启动Elasticsearch…

KU060信号处理板卡设计原理图: 385-基于6U CPCIe的TMS320C6678+KU060的信号处理板卡

基于6U CPCIe的TMS320C6678KU060的信号处理板卡 一、板卡概述 基于6U CPCIe的C6678KU060的信号处理板卡是新一代FPGA的高性能处理板卡。板卡采用一片TI DSP TMS320C6678和一片Xilinx公司 XCKU060-2FFVA1156I作为主处理器,Xilinx 的Aritex XC7A200T作为辅助处…

GO JWT DEMO

文章目录 JWT 使用流程JWT 结构使用 JWT 的场景JWT 实现示例(Go 语言)1. 生成 JWT2. 验证 JWT3. 在 Gin 中使用 注意事项 JSON Web Token (JWT) 是一种基于令牌的认证方法,在客户端生成一个加密的令牌来存储用户信息,并在每次请求…

Python范例总结

一、基础功能 1、操作符 and 拥有更高优先级,会先行运算。优先级顺序为 NOT、AND、OR。 2、列表 1)列表拼接 l1 [1,2,3] l2 [4,5,6]# 方法1 # l1 l1 l2# 方法2 # l1[len(l1):len(l1)] l2# 方法3 l1.extend(l2) print(l1) 3、函数 1)范…

9.3 Linux_文件I/O_相关函数

打开与关闭 1、打开文件 int open(const char *pathname, int flags); int open(const char *pathname, int flags, mode_t mode);返回值:成功返回文件描述符,失败返回EOF pathname:文件路径 flags:标志,其中O_RDO…

影响爬虫动态IP质量的因素有哪些?

最近经常刷到关于影响爬虫动态IP质量的因素的话题,许多朋友对此充满了好奇。那么,今天我们一起来深入解析这个问题。 动态IP在爬虫中的重要性 在网络爬虫的世界中,动态IP是一个重要的工具。它允许爬虫程序在采集数据时频繁更换IP地址&#…

手写js中call、apply、bind函数

手写call 原理 将需要改变this指向的函数暂时性的设置为需要设置this指向的对象的函数。 代码 // 定义mycall方法,所有函数对象都是Function对象 Function.prototype.mycall function (thisArg, ...args) {// 设置this,此时this指向原函数&#xff…