在main.js里面配置config const app = createApp(App); app.config.globalProperties.$user = { name: '梅长苏', weapons: '长剑', title: '刺客' } 在template模板中使用 <p>姓名：{{$user.name}} </p> 在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'] 得到： ’你好' '试试就试试'
 1.本站遵循行业规范，任何转载的稿件都会明确标注作者和来源；2.本站的原创文章，会注明原创字样,如未注明都非原创，如有侵权请联系删除！；3.作者投稿可能会经我们编辑修改或补充；4.本站不提供任何储存功能只提供收集或者投稿人的网盘链接。 |
标签： #APP
