4.组件之间数据传递

组件之间包含嵌套关系时，需要通过数据传递，父组件与子组件相互通信。
1.父----> 子 （props）
父组件通过对属性进行动态绑定。

子组件通过props来接受父组件传递的数据。

 export default {
        name: "child",
        data(){
            return{
                
            }
        },
        props:{
            title:{
                type:[Number,String],
                default:'暂无数据'
            }
        }

props也可以是数组 ： props: ['title']

2.子向父传递数据 emit
子组件可以通过调用内建的 $emit方法，并传入事件名称来触发一个事件，向父级组件进行数据的传递。
子组件：

确定

通过触发函数setData来向父级传递当前msg的值

methods:{
            setData(){
                //$emit()向父级传递数据，包含两个参数，key,value
                this.$emit('sendChild',this.msg);
            }
        }

父级通过触发事件名为sendChild来进行接收

父级定义一个函数名为getChild，来接收，其函数的参数则为他所获取子组件中传递的值,并将所接收的值传给当前的childData

methods:{
            sendChild(data){
                this.childData = data;
            }
}

结论：父传子，父组件通过动态绑定属性的形式，子组件通过props进行接收。
子传父通过触发事件调用$emit的方式进行传递。