vue组件之间的通信

1.父组件给子组件传递数据


    
父组件:{{total}}

通过v-bind动态绑定父组件中要传递的数据,子组件通过props属性接收父组件传递的数据。

2.子组件给父组件传递数据


    

{{total}}

自定义一个事件,在子组件中通过this.$emit()触发自定义事件并给父组件传递数据,在父组件中监听自定义事件并接收数据。

3.非父子组件之间的通信


    

你可能感兴趣的:(vue组件之间的通信)