vue中$refs、$emit、$on的使用

$emit : 子组件向父组件传值
场景：
子组件中：

son.png

父组件中：

father.png

在父组件中定义“handleSonToFather”方法，来完成传值的使用

console.png

$refs ：父组件向子组件传值

父组件中 ：

father.png

//用ref给子组件起个名字
    <orderDetails-modal ref="modal"></orderDetails-modal>

father.png

子组件中 ：

son.png son.png

$on ：

on.png

所以on和emit结合起来使用，vm.on(event , fn)可以监听event事件后运行

vans.png