1
来源:1-7 父子组件间如何通过事件进行通信(2)
期限_
2021-06-27 22:27:06

问题描述:
老师能讲讲这段代码是怎么执行的吗?
为什么可以通过props得到count这个值呢?
1回答
好帮手慕星星
2021-06-28
同学你好,问题解答如下:
1、app.component()定义了全局组件counter,在父组件中用了counter组件,并用v-model传了值,在counter组件中使用props接收了值,点击事件中通过$emit()触发事件,并传递参数改变了model值。
2、props可以拿到父组件传递的参数,v-model也不例外。并且modeValue是vue文档规定的, 记住怎么使用就好
https://vue3js.cn/docs/zh/guide/component-custom-events.html#v-model-%E5%8F%82%E6%95%B0

默认情况是modeValue,自己可以改名字。
自己再测试理解下,祝学习愉快!
相似问题