Vue父子组件数据通信

在某些业务需求之下，可能要求将父组件的数据传给子组件进行业务逻辑处理，可以像下面做：

父组件：

//singers为父组件名
<list-view :data="singers"></list-view>

在子组件中通过props的方式接收data：

props: {
      data: {
        type: Array,
        default: []
      }
    }

若想将子组件的数据向父组件传递：

vm.$emit(event,[...arguments])

event触发的当前对象上的事件，附加参数都会传给监听器回调。

如：

//子组件
selectItem(item){
        this.$emit('seclect',item);
      }

//父组件添加监听
<list-view @seclect="seclectSinger"> </list-view>

    methods:{
    seclectSinger(item){
    ....
    }
    }