一、props — 让组件接收外部传过来的数据
- 传递数据
<Example name="xxx"/>
- 接收数据
// 1. 只接收
props: ['name']// 2. 接收并限制类型
props: {name: String
}// 3. 接收、限制类型、必要性、默认值
props: {name: {type: String, // 类型required: true, // 必要性default: 'mary' // 默认值}
}
props
是只读的,Vue 底层会检测props
的修改,已修改就会发出警告
如果确实需要修改,复制一份props
的内容到data
中去,然后修改data
中的数据