vue中父传子,父传孙说明

先来说一下,vue中父传往子组件用v-bind绑定属性,在子页面用props接收,子传往父的用$emit

this.$emit('change',data),data就是你要传的数据,change为父页面中绑定的事件

说一下父传孙的,在vue2中可以使用v-bind="$attrs"

这个咱们统一上代码说:

vue中父传子,父传孙说明_第1张图片

vue中父传子,父传孙说明_第2张图片

vue中父传子,父传孙说明_第3张图片

 当然还有别的方法

在vue版本为2.2.0以上的也可以使用provide与inject

 vue中父传子,父传孙说明_第4张图片

vue中父传子,父传孙说明_第5张图片

vue中父传子,父传孙说明_第6张图片

 还能使用eventBus来传参接参

vue中父传子,父传孙说明_第7张图片

vue中父传子,父传孙说明_第8张图片

当然大部分时候会使用vuex 

 

你可能感兴趣的:(vue,前端,前端,vue.js)