Vue2.4.0 新增的inheritAttrs,attrs
官方inheritAttrs,attrs文档https://cn.vuejs.org/v2/guide/components-props.html,从最下面的'非 Prop 的特性'开始看,看到最后
Vue2.4.0 新增的inheritAttrs,attrs
1.适用于Vue中全套层数深的组件,从父组件向子组件传递数据(除style和class)
2.当一个组件没有声明任何prop时候,attrs里面包含着全部的上层组件传递的所有数据(除style和class)
3.当声明了prop时候,attrs里面包含除去prop里面的数据剩下的数据。
inheritAttrs
1.当在子组件中设置inheritAttrs: false的时候,attrs里面的属性不会当做html的data属性渲染在dom节点之上。
2.在子组件中不进行设置inheritAttrs的时候,attrs里面的属性会渲染在html节点之上
3.当设置为inheritAttrs: false的时候,在组件的声明周期中可以通过 this.$attrs 获取里面的上层组件数据。
---------------------
以上说明来自https://blog.csdn.net/qq_15253407/article/details/82964047
看官方文档时,以为class也适用inheritAttrs,attrs,可以传递给子孙组件,作为属性使用,
但是实际开发过程中发现适用inheritAttrs,attrs除style和class的其他属性且子组件没有在props里面声明该属性才可以
当在子组件中设置inheritAttrs: false的时候,attrs里面的属性是没有style和class的
最新文章
- 参数名ASCII码从小到大排序(字典序)
- 一个人java深入理解java logback配置
- apache配置多域名多站点记录
- eclipse黑色主题
- Could not load file or assembly 'MySql.Data.CF,
- ArtDialog文档
- Atitit selenium3 新特性
- HP Web Tours分析
- C语言——打印魔方阵(每一行,每一列,对角线之和相等)
- freemarker定义自己的标签错误(八)
- 使用java API操作hdfs--拷贝部分文件到hdfs
- 24. leetcode 409. Longest Palindrome
- BZOJ-2330-[SCOI2011]糖果(差分约束)
- JavaScript 一个进行枚举选择的jquery插件(仿easyui风格)
- 剑指offer-01
- Go调试工具—— Delve
- SpringBoot 4.SpringBoot 整合 devtools 实现热部署
- Vue-router的API详解
- 点击鼠标出现漂浮字体(";自信";, ";自强";, ";坚持";...)效果实现
- Docker Kubernetes YAML文件常用指令
热门文章
- mysql导入数据,涉及到时间转换,乱码问题解决
- Java多线程编程模式实战指南(三):Two-phase Termination模式--转载
- ActiveMQ学习笔记(10)----ActiveMQ容错的连接
- NodeJS学习笔记 (7)网络服务-http-client(ok)
- React 第三天
- BZOJ 3261 最大异或和 (可持久化01Trie)
- visio使用技巧
- 一张图说docker
- 上海交大课程MA430-偏微分方程续论(索伯列夫空间)之总结(Sobolev Space)
- 压缩和还原压缩的JS代码