Friendly vue.js props helps methods which more readable.
use props native way in vue.js
props: {
name: {
type: String,
default: 'foo'
},
items:{
type: Array,
default: ['foo','bar']
}
}
It's ok all is working but if vue component have many props and you will define more redundancy code.
props: {
name: {
type: String,
default: 'foo'
},
items:{
type: Array,
default: ['foo','bar']
},
items1:{
type: Array,
default: ['foo','bar']
}
items2:{
type: Array,
default: ['foo','bar']
}
items3:{
type: Array,
default: ['foo','bar']
}
}
Emmm looks a little bit more redundancy.
What vprop-types do
// import
yarn install vprop-types
// import
import PropsType from 'vprop-types'
// <script>
props: {
name: PropsType.string.def('foo'),
items: PropsType.array.def(['foo','bar']),
items1: PropsType.array.def(['foo','bar']),
items2: PropsType.array.def(['foo','bar']),
kind: PropsType.oneOf(['foo','bar']).def('foo')
}
//
Looks more readable isn't it.
more info you can found vprop-type
Top comments (0)