1. 大小写问题
// 1. 子组件
props: ['postTitle']
// 2. 父组件
<blog-post post-title="hello!"></blog-post>
在子组件中使用的是驼峰命名, 父组件中调用子组件props传参可以变成 -
类似于在使用component注册组件名aB
, vue文件中template模板中使用<a-b></a-b>
类似
prop属性
几大注意点:
- require 和 default 不可共存, 否则会有警告
- validator 做深度过滤操作,以下的trigger为element-ui中弹出框源码。 传进来的值只能是数组中四个之一
props: {
trigger: {
type: String,
default: 'click',
validator: value => ['click', 'focus', 'hover', 'manual'].indexOf(value) > -1
},
age: {
type: Number,
required: true
},
disabled: Boolean,
reference: {},
popperClass: String,
arrowOffset: {
type: Number,
default: 0
}
},