VUE部分笔记：多重嵌套的组件传值$attrs和$listeners

loadfailed

于 2019-03-08 17:53:51 发布

阅读量5.3k

点赞数

文章标签： vue 多重组件嵌套

本文链接：https://blog.csdn.net/lyr190/article/details/88355949

版权

本文详细探讨了在Vue组件的多层嵌套如A>B>C结构中，如何使用$attrs和$listeners来实现父组件向子组件传递属性及事件监听。通过实例解析了属性传递和事件冒泡在复杂组件结构中的应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

多重嵌套的组件A>B>C中

	//$attrs在B组件中自动获得在A组件中，B组件上绑定的，除了props传输、.native、CSS和Style之外的数据，假如在C组件和B组件同时调用A组件的函数，那么会先执行C组件的，然后执行B组件的
	  //components-a
	  <template>
	  	<div>
	  		<components-b
			  :name="name"
			  :age="age"
			  @test="test"
			/>
		</div>
	  </template>
	  
	  <script>
	  data