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

发布时间：2023年12月18日

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

示例效果

在这里插入图片描述

v-model

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

父组件代码

<template>
  <div>
    <p>父组件钱数目?
文章来源:https://blog.csdn.net/QQ98281642/article/details/134971678
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
最新文章