1. Vue 2中如何设置组件prop的默认值?比如有一个简单的 movies
组件可以这样使用:
<movies year="2016"><movies>
Vue.component('movies', {
props: ['year'],
template: '#movies-template',
...
}
但是,如果用户没有指定 year
:
<movies></movies>
那么组件将为 year
采用一些默认值。
2. 另外,检查用户是否没有设置道具的最佳方法是什么?这是一个好方法吗:
if (this.year != null) {
// do something
}
或者这个:
if (!this.year) {
// do something
}
?
原文由 PeraMika 发布,翻译遵循 CC BY-SA 4.0 许可协议
Vue
允许您指定默认值prop
值和type
直接,通过使道具成为对象(参见: https ://vuejs. components.html#Prop-Validation ):如果传递了错误的类型,则会引发错误并将其记录在控制台中,这是小提琴:
https://jsfiddle.net/cexbqe2q/