vue3中使用全局变量(vue2x中this)

vue3中使用全局变量(vue2x中的Vue.prototype)

1.使用provide/inject

在main.ts中

import { createApp } from 'vue'
import App from './App.vue'const app = createApp(App)
app.provide('name','xianyu')
app.mount('#app')

在HelloWorld.vue中

import {onMounted,inject} from 'vue'setup(){const name = inject('name')onMounted(()=>{console.log('name',name); // xianyu})
}

2.使用globalProperties/getCurrentInstance()

在main.ts中

import { createApp } from 'vue'
import App from './App.vue'
const app = createApp(App)app.config.globalProperties.name = 'xianyu'
app.mount('#app')

在HelloWorld.vue中

import {getCurrentInstance,onMounted} from 'vue'setup(){// 在ts中直接使用 const { proxy }=getCurrentInstance().可能会报 Property 'proxy' does not exist on type 'ComponentInternalInstance | null'. 的错误.const { proxy } = (getCurrentInstance() as any);// 目前我是这样解决,如果有其他方法也可以分享一下onMounted(()=>{console.log('proxy',proxy.name); // xianyu})
}

vue3中使用全局变量(vue2x中this)相关推荐

【C 语言】C 项目开发代码规范 ( 形参合法性判断 | 函数返回值局部变量 | 函数中不用全局变量 | 函数中使用局部变量接收形参 | 函数返回值 | 形参作返回值 | 形参返回值处理 )
文章目录一.C 项目开发代码规范一.C 项目开发代码规范上一篇博客 [C 语言]字符串模型 ( 键值对模型 ) 中 , 完成了字符串的键值对查找功能 , 代码不太规范 ; C 项目开发代码规 ...
php+控制器中的全局变量,php中的全局变量引用
全局变量在函数外部定义,作用域为从变量定义处开始,到本程序文件的末尾.但和其他语言不同,php的全局变量不是自动设为可用的,在php中函数可以视为单独的程序片段,局部变量会覆盖全局变量的能见度,因此, ...
php 递归中的全局变量,PHP中递归的实现实例详解
递归的定义递归(http:/en.wikipedia.org/wiki/Recursive)是一种函数调用自身(直接或间接)的一种机制,这种强大的思想可以把某些复杂的概念变得极为简单.在计算机科学之 ...
在PHP中使用全局变量的几种方法
简介即使开发一个新的大型PHP程序,你也不可避免的要使用到全局数据,因为有些数据是需要用到你的代码的不同部分的.一些常见的全局数据有:程序设定类.数据库连接类.用户资料等等.有很多方法能够使这些数据 ...
在JavaScript函数中定义全局变量
是否可以在JavaScript函数中定义全局变量? 我想在其他函数中使用trailimage变量(在makeObj函数中声明). <html xmlns="http://www.w3. ...
MFC中定义全局变量和全局函数的方法
使用Visual C++6.0 中的MFC 基本应用时, 由于 MFC 制作的工程由很多文件构成, 它不能象一般C++程序那样随意在类外定义全局变量, 那样有时会在运行程序时出现问. 在软件开发过程中 ...
python的全局变量能暂存数据吗_Python 中的全局变量局部变量
全局变量和局部变量命名空间 1. 函数外部函数外部声明的变量,可以被所有函数公共访问[所有地方都能访问这个变量] 函数的外边是一个空间:全局命名空间 2. 函数内部一个函数中声明的变量,智能在函 ...
如何在C++Builder中使用全局变量
如何在C++Builder中使用全局变量关键字:C++Builder,全局变量作者:yifei(逸飞) 更新:2005-09-14 浏览:13665 本文详细解释了如何在C++Buil ...
Java中的全局变量和局部变量——简单区别
全局变量 Java中不能定义全局变量,在一个类中的公共.静态变量就相当于这个类的全局变量. 这使得全局变量被封装在了类里,保证了安全性. 局部变量 Java中方法体或某个代码块中声明的变量被称为局部变 ...

vue3中使用全局变量(vue2x中this)

vue3中使用全局变量(vue2x中的Vue.prototype)

1.使用provide/inject

2.使用globalProperties/getCurrentInstance()

vue3中使用全局变量(vue2x中this)相关推荐

最新文章

热门文章