vue3🐷🐔

avatar

前言

本文记录一些vue3中出人意料的事情

Boolean属性类型转换

非Boolean属性

// Comp.vue
props: {
    a: Number
}
在传入时
1. <Comp/> 等同于 <Comp :a="undefined"/>: 找默认值, 没有设置默认值为undefined
2. <Comp a/> 等同于 <Comp a=""/>: 为''

Boolean属性

// Comp.vue
props: {
    b: Boolean
}
在传入时
1. <Comp/>: 找默认值,没有设置默认值为false
2. <Comp :a="undefined"/>: 找默认值, 没有默认值时为undefined
3. <Comp a/> 等同于 <Comp a=""/>: 为true

在程序区分falseundefined时需要注意