vue父組件獲取子組件的數據

1.寫子組件時候在子組件上寫上ref屬性

<child-first ref="first" ></child-first>

 

2.調用子組件的方法或者data

//調用方法  還能獲取返回值 
let childData = this.$refs.first.getData();

//直接獲取子組件的值
console.log(this.$refs.first.res)

注意：這個“first”是唯一標識 上下要一致