博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
vue provide和inject使用
阅读量:7144 次
发布时间:2019-06-29

本文共 358 字,大约阅读时间需要 1 分钟。

provide和inject使用场景也是组件传值,尤其是祖父组件--孙组件等有跨度的组件间传值,单向传值(由provide的组件传递给inject的组件)。

provide 选项应该是一个对象或返回一个对象的函数。该对象包含可注入其子孙的属性。

inject 通常是一个字符串数组。

示例:

(1)祖父组件grandpaDom.vue:

(2)父亲组件fatherDom.vue:

(3)孙组件childDom.vue

效果:

 

 

转载地址:http://megrl.baihongyu.com/

你可能感兴趣的文章
初学 Python(十四)——生成器
查看>>
使用iframe框架的优缺点
查看>>
Til the Cows Come Home(poj 2387 Dijkstra算法(单源最短路径))
查看>>
OpenJDK 源代码阅读之 String
查看>>
0x8002801D:库没有注册
查看>>
第四周项目4-指向学生类的指针
查看>>
FTP服务器(vsftpd)配置随笔
查看>>
js简单对象List自定义属性排序
查看>>
CSS3绘制不规则图形(一)
查看>>
web前端(4)—— 常用标签1
查看>>
UCSC genome browser 个人track 安装
查看>>
3385: [Usaco2004 Nov]Lake Counting 数池塘
查看>>
工作ui(2)
查看>>
python装饰器
查看>>
传纸条
查看>>
在POM配置Maven plugin提示错误“Plugin execution not covered by lifecycle configuration”的解决方案...
查看>>
序列化实现原型模式
查看>>
SQL语句增加列、修改列、删除列
查看>>
Poj1611--The Suspects
查看>>
Peter and Snow Blower
查看>>