vue3在组件上使用v-model

学到组件绑定v-model时踩坑了。就很难受，改了好长时间，都没成功，然后看官网才解决了。不过，也是我自己的问题，但是相信很多人都会犯错o(╥﹏╥)o。

问题：

父组件：

子组件：

这样写，看起来并没有什么问题，父组件绑定msg，子组件就props接收msg，但是，在子组件中msg就是不显示。

解决：

原来，子组件接受的值写法是固定的，在vue3中要使用“modelValue”，一定是这个值，如果不是，就会显示不出来，没有效果。

最后写成如下图，运行！

 结果：

点击按钮