父组件调用子组件的方法
1、通过$ref 实现通信
父组件:
<div @click="drawMap">绘制</div>
<child ref="map" ></child>
父组件调取子组件的方法
drawMap(){
this.$refs.map.drawPoly();
}
其中draqPoly是子组件child中的方法;ref用在子组件上,指向的是组件实例,
可以理解为对子组件的索引,通过$ref可能获取到在子组件里定义的属性和方法
2、通过$emit 实现通信(实现子组件向父组件通信)
this.$emit('getMessage', '我是父组件!')
getMessage为自定义的事件,‘我是父组件’是传递给父组件的参数
$emit 绑定一个自定义事件event,当这个这个语句被执行到的时候,
就会将参数arg传递给父组件,父组件通过@event监听并接收参数。
父组件接收:
<child @getMessage="showMsg"></child>
showMsg(title){
console.log(title) ⇒ 我是父组件!
}