vue填坑-父子组件互相传值的问题

1. 父子传值 props

所有的 props 都是单向往下的，父组件 property 更新会影响子组件的,反过来则不会;另外，每次父组件中对应属性发生改变，子组件中的所有 props 都会被更新为最新的值。所以在子组件中，不应该对 props 进行更改

    
{{ message }}
    
    

在线demo

2. 子组件向父组件传递数据 自定义事件

使用 v-on
所有Vue实例都实现了Events接口，即： 通过 $on(eventName) 监听事件 ; 通过 $emit(eventName) 触发事件

    
{{ total }}
    
           

在线demo