多应用+插件架构,代码干净,二开方便,首家独创一键云编译技术,文档视频完善,免费商用码云13.8K 广告
# $attrs和$listeners >* **$attrs详细**: 包含了父作用域中不作为 prop 被识别 (且获取) 的 attribute 绑定 (`class`和`style`除外)。当一个组件没有声明任何 prop 时,这里会包含所有父作用域的绑定 (`class`和`style`除外),并且可以通过`v-bind="$attrs"`传入内部组件——在创建高级别的组件时非常有用。 >* **$listeners详细**: 包含了父作用域中的 (不含`.native`修饰器的)`v-on`事件监听器。它可以通过`v-on="$listeners"`传入内部组件——在创建更高层次的组件时非常有用。 ***** >[info]父组件传值不使用props接收,那么这些数据将作为组件的HTML元素的特性,这些特性绑定在组件的HTML根元素上, 可以通过$attrs获取父组件传递过来的值(money),$listeners绑定了一个update父组件传值过来的方法(update:money f(){}) ***** **父组件** ![](https://img.kancloud.cn/e0/42/e042f4baf67c6d1b82ffee1225bed2a7_967x654.png) **子组件** ***** **使用了props接收父组件传递的值** ![](https://img.kancloud.cn/a0/bb/a0bb07e4cd9528127aed513c8be05831_1040x555.png) **浏览器打印** ![](https://img.kancloud.cn/fb/1d/fb1d3a155996e96589652b1853854640_1544x198.png) ***** ***** **没有使用props接收父组件传递的值** ![](https://img.kancloud.cn/de/ce/decea82800837fe3f5e3326384cc66a7_737x539.png) **浏览器打印** ![](https://img.kancloud.cn/5b/23/5b233eca888bad2fe6293f08f28a0416_1510x191.png)