vue|vue组件使用$listeners和$attrs隔代传参 vue|vue.js

1.传递属性$attrs
【vue|vue组件使用$listeners和$attrs隔代传参】说明：a t t r s 只代表的是那些没有被声明为 p r o p s 的属性，如果某个 p r o p 被子组件中声明了（就是这个属性已经在子组件的 p r o p s 中了），在子组件中的 attrs只代表的是那些没有被声明为props的属性，如果某个prop被子组件中声明了（就是这个属性已经在子组件的props中了），在子组件中的 attrs只代表的是那些没有被声明为props的属性，如果某个prop被子组件中声明了（就是这个属性已经在子组件的props中了），在子组件中的attrs就会把声明的prop剔除。
2.传递方法
l i s t e n e r s 包含了父作用域中的 ( 不含 . n a t i v e 修饰器的 ) v ? o n 事件监听器。它可以通过 v ? o n = " listeners包含了父作用域中的 (不含 .native 修饰器的) v-on 事件监听器。它可以通过 v-on=" listeners包含了父作用域中的(不含.native修饰器的)v?on事件监听器。它可以通过v?on="listeners" 传入内部组件——在创建更高层次的组件时非常有用。

三个组件：分别是: parent.vue son.vue grandson.vue// 父组件 > import Son from './son.vue' export default {data(){return{name:"周冬雨" } }, components:{Son }, methods: {change(){this.name = "马冬梅"; } }, }//儿子组件 > import GrandSon from './grandson' export default {components:{GrandSon } } //孙子组件 > export default { methods: {handleClick(){this.$listeners.change(); } }, }

页面显示：
1.最终在孙子组件中获取到了他爷爷的值