Vue 关于组件封装时父子组件通讯的三种方式

主要是遵循vue的单向数据源规则,具体用什么方式取决于自己以及项目实际情况
如果是基本类型,可以使用比较简单直接的方法,这里三种方式主要是针对的对象,里面会包含多个参数

方式一:直接通过props直接修改子组件里的值(不推荐,因为通过子组件直接修改了props里的值,违反了单向数据源)

在子组件里定义props

父组件引入使用

方式二: 跟第一种方法其实做法是差不多的

在父组件里直接使用v-model进行双向绑定

子组件使用modelValue

ts部分

这里其实set方法没有及时响应

template使用

方法三 : 建议使用

使用的是props+emits

子组件

父组件使用

相关推荐
whyutianict_vv1 天前
从 Web 前端到 HarmonyOS ArkTS:一次 AI 鸿蒙全栈智能体开发的迁移实录
前端·人工智能·harmonyos
qziovv1 天前
前端转flutter——项目架构、初始化
前端·flutter
Ali885201 天前
Python字符串方法速查表大全
前端·python
前端_刘师兄1 天前
FAE工程师学习路线-进程
前端
冰暮流星1 天前
javascript之webstorage用法
开发语言·javascript·ecmascript
执子念的飞鱼1 天前
浏览器直接预览 Pages、Numbers、Keynote:iWork 格式真正难在哪
前端·javascript
alloc1 天前
从延迟聚合到可解释诊断:MetricKit 的原理与工程化实践
前端
颜进强1 天前
06 - OpenSpec change 从模糊想法到完整契约:new change / explore / propose 三连
前端·后端·ai编程
Cache技术分享1 天前
499. Java 反射 - 获取类型上的注解
前端·后端
用户921080262861 天前
左侧历史对话模块:使用 Conversations 搭建会话入口
前端