下面这种常见的这种写法是有问题的
props: {
myArray: {
type: Array,
default: ()=> []
},
myObject: {
type: Object,
default: ()=> {}
},
},
created() {
cosole.log("this.myObject",this.myObject) // this.myObject undefined
},
最简单的调整是加个括号
props: {
myArray: {
type: Array,
default: ()=> []
},
myObject: {
type: Object,
default: ()=> ({})
},
}
Array Object Function Boolean String Number
星级图标评分 判断vue export default{ props:["score"], data(){ ret...
vue项目中 props想返回一个对象的时候 es5的写法： props:{ testObj:{ type...
props的.sync在vue3中被移除 vue2中写法：组件内部： 定义 props:{name: Strin...
Vue 组件间的通信 父传子：props两种形式：数组、对象props 对象属性: type default va...
Vue 是如何实现配置选项多种写法的，如 props inject 等选项既支持数组 + 字符串写法也支持对象写法...
开发过程中，props 的使用有两种写法： Vue在内部会对 props 选项进行处理，无论开发时使用了哪种语法，...
注意：默认值类型为数组或对象，一定要在函数中返回这个默认值，而不是直接写
正常写法： card.vue里 .native写法： card.vue 父组件里：
踩坑笔记：组合式 API之Setup(props,context)—Vue2.x到Vue3注意[https://w...
本文标题：Vue的props里default: ()=> {}写法一个小坑
本文链接：https://www.haomeiwen.com/subject/woqwpdtx.html
网友评论