前端技术社区总目录(订阅之前请先查看该博客)
示例效果
v-model
在vue2的时候,v-model肩负着数据双向绑定的任务,到了Vue3之后,v-model也迎来了新的变化,即可以实现组件的通信。
(1)v-model指令:收集表单数据,数据双向绑定
(2)v-model也可以实现组件之间的通信,实现父子组件数据同步的业务
(3)父亲给子组件数据 props
(4)子组件给父组件数据 自定义事件$emit
父组件代码
<template>
<div>
<p>父组件钱数目