Vue3云里雾里知识点补充（面试重点）

1.props父传子通过传一个带参函数也可以实现子传父

父：<Child info="我是曹操" :money="money" :mySon="mySon"></Child>
function mySon(value: string) {
  console.log(value, '收到了来自儿子的值')
}

子：let props = defineProps(['info', 'money', 'mySon']) //数组|对象写法都可以
//按钮点击的回调
const updateProps = () => {
  // props.money+=10;  props:只读的
  alert(props.info)
  props.mySon('lai')
}

2.自定义事件

1.vue2中只要是写在组件上的事件触发就都是自定义事件，

2.在vue3中如果父组件上定义了@click原生dom事件只要子组件不使用defineEmits(['xxx'])接收他就是原始Dom事件

3.如果使用了defineEmits(['click'])接收就是自定义事件，可以用来实现子传父，但是不建议使用原生dom事件定义自定义事件

3.全局事件总线vue2里面的$bus,vue3里面使用mitt

src/bus/index.js

npm i mitt

import mitt from 'mitt'
//为了不让大家看起来迷糊所以这里我还是用$bus来接收这个函数
const $bus=mitt()


expo