vue 父组件与子组件之间的传值（主动传值）

一，父组件主动传值

1，父组件

<Settlement-Table1  ref="comp1"></Settlement-Table1>

click(){
	this.$refs.comp1.getData(this.list1)
}
// this.list1 是需要穿的值

2，子组件

getData(data){
    console.log("父组件传过来的", data)
},
// getData()会自动执行

二，父组件主动获取子组件的值

1，子组件

data(){
        return{
            checkBoxData: []
        }
    },
changeFun(val) {
    console.log('ppp')
},

2，父组件

<Settlement-Table1  ref="comp1"></Settlement-Table1>

click(){
    // checkBoxData  是子组件的数据
    let haha = this.$refs.comp1.checkBoxData
     // changeFun  是子组件的方法
    // let haha = this.$refs.comp1.changeFun()
     console.log(haha)
 }

三，子组件主动获取父组件的值

1，子组件

// 获取父组件的数据
this.$parent.PopupOfAddShow
// 获取父组件的方法
this.$parent.fun()
// 可以直接修改父组件的值

2，父组件
父组件中有变量： PopupOfAddShow