一.属性
组件是Vue.js开发中的基本单元,组件之间不可避免的需要传递数据
从父组件向子组件传递数据是最主要的方式,可通过组件的props(属性)和slot(插槽)来实现
vue.js还允许使用更明确的方式定义属性,即通过一个对象而不是一个数组来定义一个组件的各种属性。
使用props选项来定义:
props声明:一个组件需要显示声明它所接受的props:这样vue才能指导外部传入的是
使用props选项定义:
一:使用字符串数组声明
export default {
props:['name','age']
}
二:使用对象方式来声明
export dafult{
props:{
key:value,
(key是props的名称,值是该props预期类型的构造函数)
name:String,
age:Number
}
}
2.使用对象的方式来声明
export default {
props:{
key:value,
(key是prop的名称,值是该prop预期类型的构造函数)
name:Sting,
age:Number.
}
}
[props单向数据流]
概念:父组件的数据改变了会自动流动到自组件,但是子不允许修改由props流过来的数据
所谓的单向数据流不允许子修改,是不允许改栈,但是可以改堆。
例如:父传了数组给子,