type
status
date
slug
summary
tags
category
icon
password
前言:今晚9点下班,黑神话悟空发售,下载的过程顺便写写前两天遇到的需求吧,虽然已经很困了orz
 

介绍

definedModel是一个语法糖,简化了双向绑定的样板写法。
以前写法:
现在的写法
看到了吗?在以前,还需要用props先接收,再用emits来声明和触发传递给父组件。现在只需要在子组件声明defineModel就行,声明的变量与子组件中v-model绑定的变量名一致就可以同步状态,defineModel会自动同步状态至父组件;如果不一致需要在代码中手动让其变化一致,同时也可以保持独立性。

注意:

defineModel使用默认值后:
1.导致父组件与子组件之间的数据不同步 2.如何默认值是应用数据类型,子组件数据在视图中不更新, 如果默认值是基本数据类型,子组件数据在视图中会更新。
ps: 尽量不要在defineModel中使用默认值。