vue自定义组件的传值

在使用自定义组件的时候，经常需要进行组件的传值，下面介绍，父组件给子组件进行传值：

父组件：

<el-tab-pane label="高数上册(工)练习册" >
    <notes-list :msg="classId"></notes-list>
</el-tab-pane>

export default {
  data () {
    return {
      classId: 'F1001'
    }
  }
 }

子组件

export default {
  name: 'Children',
  props: ['msg'],
  data () {
    return {
    notesid: {
        class_id: this.msg
      },
	}
 }
}

这样值就传过去去了，但是只适用于静态传值，当我们需要动态传值时，需要添加watch进行监听，val就是msg的值，这样就能在父组件值改变时监听到并传值

watch: {
    msg(val) {
      this.notesid.class_id = val
      this.getTableData()
    }
  }