子传父函数直接用props传也能实现
来源：3-5 vue父子组件如何通讯
就那Cking
2022-06-08
老师您好，请问下子传父函数直接用props传也能实现，为什么还要用$emit呢？
index.vue
<template>
<div>
<Add :handleAdd="handleAdd"/>
<List :initData ="initData"/>
</div>
</template>
Add.vue
<template>
<div>
<input v-model="inputVal" />
<button @click="handleAdd(inputVal)">add</button>
</div>
</template>
<script>
export default {
name: 'addComp',
data: ()=>{
return {
inputVal: ''
}
},
props:['handleAdd']
}
</script>
写回答
1回答
-
双越
2022-06-08
这种方式叫做 hack ，就是：也能用，但官方文档没有引导过这样写。
hack 会导致一些意想不到的坑，别轻易尝试。
012022-06-10
相似问题