vue 子组件和父组件之间的通讯要点

父组件

设置data属性， list：[]

data() {
  return {
    list:[]
  }
}

同时,子组件

设置props属性，list:[]

注意：props要设置type，并且当type为Array和Object时，default需要返回function()

props:{
  list:{
    type: Array,
    default:function(){
      return []
    }
  }
}

需要在子组件标签上绑定

<div :list="list"></div>

父组件中

<child-component  :list="list">

这是父组件单方面向子组件传递消息

子组件向父组件传递消息通过$emit事件

子组件方法中this.$emit('方法名'，需要传的参数)

父组件定义与子组件相同的方法名，在

<child-component  @somemethod="somemethod">

over