type
Post
status
Published
date
Aug 20, 2024
slug
summary
tags
开发
category
技术分享
icon
password
前言:今晚9点下班,黑神话悟空发售,下载的过程顺便写写前两天遇到的需求吧,虽然已经很困了orz
介绍
definedModel是一个语法糖,简化了双向绑定的样板写法。
以前写法:
现在的写法
看到了吗?在以前,还需要用props先接收,再用emits来声明和触发传递给父组件。现在只需要在子组件声明defineModel就行,声明的变量与子组件中v-model绑定的变量名一致就可以同步状态,defineModel会自动同步状态至父组件;如果不一致需要在代码中手动让其变化一致,同时也可以保持独立性。
注意:
defineModel使用默认值后:
1.导致父组件与子组件之间的数据不同步
2.如何默认值是应用数据类型,子组件数据在视图中不更新,
如果默认值是基本数据类型,子组件数据在视图中会更新。
ps: 尽量不要在defineModel中使用默认值。
- Author:guderain
- URL:https://wangguanxi.space/article/3566417e-10d0-4875-a9c8-16dc014d2ac1
- Copyright:All articles in this blog, except for special statements, adopt BY-NC-SA agreement. Please indicate the source!
Relate Posts



.webp?table=collection&id=92be88af-5f71-4631-9d3e-ee3bd53dcced&t=92be88af-5f71-4631-9d3e-ee3bd53dcced&width=1080&cache=v2)