Vue 父子组件传值

一、向下传值（父传子）

image.png

注意: 传值方式为[：子控件属性= 父控件数据]
子控件接收：

 props: {
        listSelect: ''
    },

二、向上传值（父调用子的属性或者方法）

  this.$emit('getHeaderTag', this.listSelect);

注意：这里的【getHeaderTag】是随便取的名字用于父控件调用，【this.listSelect】是父控件需要调用的数据。
父控件接收：

  /*
    * 获取子页面左侧tag
    * */
    getHeaderTag: function (tag) {
        // console.log('子页面tag：',tag);
    }