vue3里面app.config.globalProperties的使用

在main.js里面配置config

const app = createApp(App);
app.config.globalProperties.$user = {
name: ‘梅长苏’,
weapons: ‘长剑’,
title: ‘刺客’
}
在template模板中使用

姓名：{{$user.name}}
在setup中使用

const cns = getCurrentInstance()
console.log(cns.appContext.config.globalProperties.$user)

globalProperties和provide的区别，嗯，我想这可能没什么关系，这里只是记录一下

globalProperties是挂载在vue实例上面的，所以可以直接在template里面访问
provide/inject 是为vue组件通讯设计的一对方法，需要显示的声明之后才能使用，并且当前组件的provide指向其父组件的provides对象，父级provide会覆盖祖父级的同名参数，具体实现可以参考vue源码. 使用如下:

在app.vue里面注入：
provide() {
return {
call: ‘我去’,
test: ‘试试就试试’
}
}

在parent.vue里面注入：
provide() {
return {
call: ‘你好’
}
}

在child.vue里面获取：
inject: [‘call’ , ‘test’]
得到： ’你好’ ‘试试就试试’

vue3里面app.config.globalProperties的使用相关推荐

vue3 全局注册app.config.globalProperties，如何处理getCurrentInstance 上下文线上环境报错
vue3挂载全局属性和方法,使用app.config.globalProperties, 但是在组件中获取全局上下文的时候getCurrentInstance会在线上环境报错. 搜索了一遍,看了好多文 ...
vue3+ts使用app.config.globalProperties全局挂载实例方法，扩展模块解决ts类型检查报错
main.ts中代码 // main.ts import { createApp } from 'vue' import App from './App.vue' import router from ...
VS中C#读取app.config数据库配置字符串的三种方法(转)
关于VS2008或VS2005中数据库配置字符串的三种取法 VS2008建立Form程序时,如果添加数据源会在配置文件 app.config中自动写入连接字符串,这个字符串将会在你利用DataSet, ...
在Web.config或App.config中的添加自定义配置
.Net中的System.Configuration命名空间为我们在web.config或者app.config中自定义配置提供了完美的支持.最近看到一些项目中还在自定义xml文件做程序的配置,所以忍 ...
类项目中的配置文件app.config在打包安装后的信息获取的问题
在一个项目中碰到这样的一个问题,做一个WORD插件,功能在类库项目中实现了,配置信息存在类库项目的配置文件app.config中,在进行打包后,获取的配置文件中的DocType节点信息时,使用以下方法 ...
配置文件app.config
无论对于客户端程序还是web应用程序,配置文件的作用不言而喻,现总结用法如下: 1. 创建配置节类必须创建继承自ConfigurationSection的对象才能进行配置数据读写操作,Configu ...
自定义配置app.config
先要写配置类,然后封装成DLL 代码 namespace CustomConfig { public class DbFactorySection:System.Configuration ...
一个web.Config或app.Config自定义段configSections的示例
一个web.Config或app.Config自定义段configSections的示例越来越觉得,直接用配置文件app.Config或web.Config配置应用系统的运行参数,比自己做一个xml ...
winform程序读取和改写配置文件App.config元素的值
在开发Web项目的时候,会有一个配置文件Web.config,用来存放一些全局的变量,如连接数据库用的字符串.相应的,在开发winform程序时,也有一个配置文件,它就是App.config,这个文件 ...
app.config中增加appSettings节点，conn.open时报初始化错误
在app.config中增加appSettings节点后,运行到conn.open时报如下错误: "System.Transactions.Diagnostics.DiagnosticTra ...

vue3里面app.config.globalProperties的使用

vue3里面app.config.globalProperties的使用相关推荐

最新文章

热门文章