1. 默认使用

props: {obj: {type:Object,default:() => ({})},arr: {type:Array,default:() => ([])}
}

2. 为什么需要通过函数的形式

因为对象和数组都是属于我们的复杂类型，在进行访问指向的时候我们使用的是对象和数组的地址，而不像基础数据类型那。

如果我们没有通过函数的形式去设置对象和数据类型的默认值，而是直接采用{}和[],如果多个使用该组件的地方因为没有传递props而使用了默认值，假设其中一个地方我们修改了默认的值（不推荐，会报警告，不符合反向数据流），那么其他的地方由于指向的是同一个内存中的引用地址，其他地方的显示值也会发生修改

我们使用了函数的形式去返回，保证每次函数执行出来的都是返回一个新的对象，这样就不会出现上面所有的情况

Props中的default相关推荐

Vue props中Object和Array设置默认值
Vue中,在props中设置Object和Array的默认值 seller: {type: Object,default() {return {}} } seller: {type: Object,d ...
vue组件获取props_vue中子组件的methods中获取到props中的值方法
父子组件通信这个官网很清楚,也很简单,父组件中使用v-bind绑定传送,子组件使用props接收即可例如: 父组件中数据统计统计: 销售数量 {{number}} 销售金额 {{amount} ...
在SQL中使用DEFAULT约束
DEFAULT constraint is used to insert default value into a column on a table and if no any value is s ...
switch()语句中，default,break关键字作用，以及贯穿问题
switch()语句中,default,break关键字作用,以及贯穿问题 1.default代表switch()中没有此类情况 2没有break,语句会一直穿到底部
java中default关键字_Java 中的 default 关键字及代码示例
本文通过代码示例介绍如何在 Java 中使用 default 关键字. 基本上,有 3 个地方可以使用 Java 中的 default 关键字: 在 switch case 语句中指定默认值在 Ja ...
java8中的default关键字
点击上方蓝色字体,选择"设为星标" 优质文章,及时送达把代码写优雅,把架构设计优雅是个值得持续追求的事情.有很多银弹,语法糖和套路可以完美解决代码的扩展性,优雅性.今天简单了解下 ...
mysql中Invalid default value for 'stime'问题
2019独角兽企业重金招聘Python工程师标准>>> 今天写数据库脚本,创建数据库时,有一个字段是datetime类型的,想要设置默认时间为当前时间,于是有了如下代码 `regis ...
解决docker中/etc/default/docker配置DOCKER_OPTS 失效问题
docker安装在桌面版ubuntu的时候,默认的配置文件/etc/default/docker 里的配置是无效的(14.04 server版并无问题),导致之前的很多工作进展缓慢,这个问题在官方文档 ...
c++11 类中关于default、explict、implicit、noexcept、final的详解
default default是c++11的标准,它的作用是告诉编译器声明一个无参的默认构造函数. 最初的时候我们声明类是这样的: class test{public:int add(){} }; 由 ...

Props中的default

1. 默认使用

2. 为什么需要通过函数的形式

Props中的default相关推荐

最新文章

热门文章