Questions about JS data types

when I was working on a company project, a piece of data came from the background: [{. }]
I take it for granted that it is an array, then assign it to an empty array aprData, and pass aprData to the subcomponents, and specify type checking in the subcomponents: 

props: {
    aprData:[],
    }

and then something amazing happens, and the console says: 

errorHandler: I**nvalid prop: type check failed for prop "aprData". Expected , got Array

so I hastened to check the data type: 

console.log("aprData:",Object.prototype.toString.call(this.aprData));

result: aprData type: [object Array]
so I am completely confused. What went wrong?

Javascript vue.js
Mar.03,2022

because your type checking should write 

props: {
    aprData: Array
    ...
}

I haven't written VUE, for a long time, but props type constraint, shouldn't I write "Array"? 

props:{
    aprData:Array
}
There is no such way to write

, any of the following is fine. 

// 
props: ['aprData']

// 
props: {
    aprData: Array
}

// 
props: {
    aprData: {
        type: Array,
        default: []
    }
}

replace [] with Array

Previous: Webpack4.0 vue package error These relative modules were not found:

Next: How does VUE bind DOM elements created by JS/JQ to two-way data binding? For example, create a new input element and how to bind v-model

css mysql arrays josn react html typescript webpack npm sass R objective-c .net sql-server jquery python-3.x angularjs django angular excel regex iphone ajax linux xml pandas vba spring database wordpress string wpf xcode windows bash postgresql oracle multithreading eclipse list firebase algorithm macos forms image scala visual-studio azure bootstrap spring-boot react-native python-2.7 docker performance function winforms matlab powershell apache dataframe api sqlite numpy rest shell selenium flutter dart maven loops qt swing android-studio csv express file class tensorflow sorting codeigniter perl
© 2021 CodesHelper
Advertising Contact us About us
Menu