Vue.js---组件间传递数据的方法（初级）

父组件向子组件传数据：

        这种情况比较常见，也相对比较简单，只需要利用 props 配置项在编写组件标签时传递数据即可、注意需要加上 : 进行数据绑定。

父组件：
<MyList :todos="todos"/>

子组件：
export default {
    name:'MyList',
    components:{
        MyItem
    },
    props:['todos']
}

子组件向父组件传数据：

        这种情况同样通过 props 配置项进行传递，但传递的不是数据本身。props 配置项除了可以传递 data 外，还可以传递 methods 。所以我们可以在父组件编写一个方法传递到子组件，这个方法需要传递参数，再在子组件调用此方法时传入需要传递的数据作为参数。通过控制台输出可以发现在子组件调用该方法时，this 的指向仍为父组件，所以我们就可以通过 this 将参数中的数据存储在父组件中。

父组件：
receive(x){
    console.log(this);
    console.log(x);
    this.todos.unshift(x);
}
//此处不要加括号！
<MyHeader :receive="receive"/>

子组件：
methods:{
    add(e){
        this.receive(todoobj);
    }
},
props:['receive']

兄弟组件之间传数据：

        这种情况可以理解为以上两种情况的叠加。首先将需要传递的数据从当前组件移动到两组件共同的父组件中，然后进行上述两步操作即可，不再赘述。