18.（vue3.x+vite）组件间通信方式之v-model

前端技术社区总目录（订阅之前请先查看该博客）

示例效果

v-model

在vue2的时候，v-model肩负着数据双向绑定的任务，到了Vue3之后，v-model也迎来了新的变化，即可以实现组件的通信。
（1）v-model指令:收集表单数据,数据双向绑定
（2）v-model也可以实现组件之间的通信,实现父子组件数据同步的业务
（3）父亲给子组件数据 props
（4）子组件给父组件数据 自定义事件$emit

父组件代码

<template>
  <div>
    <p>父组件钱数目