1.父组件传给子组件
父组件想要给子组件传值,在引用的子组件中 利用:传值,例如:
父组件:
定义的listen-scroll名称,传递的值是listenScroll,
<scoll :listen-scroll="listenScroll"> <scoll/>
子组件:
prop:["listen-scroll"]
子组件接受父组件的传值时,使用prop接受,
子组件传递给父组件
子组件传递给父组件通过$emit 传递
父组件:
接收时还用showAddrName,updateAddrName是父组件中定义的别名,data是子组件传递的数据
<scoll @showAddrName="updateAddrName" > <scoll/>
methods:{
updateAddrName(data){
}
}
子组件:
第一个参数是发送数据的名称,接收时还用这个参数接收
第二个参数是发送的数据
this.$emit('showAddrName',data);
2.将爷爷组件的值传给孙子组件:
a t t r s 传 值 该 数 据 没 有 在 父 亲 组 件 p r o p s 中 注 册 过 , 注 意 是 没 有 注 册 过 。 在 子 元 素 中 通 过 attrs传值该数据没有在父亲组件props中注册过,注意是没有注册过。 在子元素中通过 attrs传值该数据没有在父亲组件props中注册过,注意是没有注册过。在子元素中通过attrs[‘data’]来访问这个数据