Vue 父子组件间传值和调用方法

子组件获取父组件的值

// 父组件
<child :num={num} />

// 子组件
export default {
  props: {
  	num: Number
  },
  mounted() {
  	console.log(this.num)
  }
}

在子组件无法直接修改父组件通过props传来的值,但可以通过调用父组件方法修改

子组件调用父组件的方法

// 父组件向子组件传方法:
<child @eventclick="emitEventClick" />

// 子组件调用:
this.$emit('eventclick', event, jsEvent, pos)

父组件调用子组件的方法

// 父组件
<child ref={(ref) => {this.child = ref;}} />
...
// 调用
this.child.test()

// 子组件
test(){
	console.log("test")
}