Vue如何利用provide/inject实现跨级共享

387 ℃

Vue如何利用provide/inject实现跨级共享,祖先组件通过 provide 提供数据,后代组件通过inject注入数据。下面给大家简单介绍一下具体实现代码!

具体代码示例如下:

js
// 祖先组件 
provide() {
  return {
    name: 'hello'    
  }
}

// 后代组件
inject: ['name']  

Vue如何利用Vuex实现跨组件状态管理

标签: inject, provide, Vue跨级共享

上面是“Vue如何利用provide/inject实现跨级共享”的全面内容,想了解更多关于 vuejs 内容,请继续关注web建站教程。

当前网址:https://m.ipkd.cn/webs_12163.html

声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!

react路由跳转方式与路由前进回退代码介绍
推荐一款免费商用字体——优设标题圆
移动端点击input框如何实现不触发光标
安装运行dedecms的图文详细
建筑装饰网站模板(html+css+jquery)