vue props 属性
作者:互联网
组件实例优先获取props 接收的值,随后才会对自身的data数据经行处理,我们无法更改props属性的值,但可在data设置一个中转变量接收props的值,对中转变量进行修改
props有三种接收方法
第一种简单模式
props:['接收变量']
第二种采用对象模式
props: {
变量:变量类型 String ,Number, Object,Function
}
第三种
props: {
msg: {
type:Object,
required: true
},
height: {
type: Number,
required:true
}
注意传过来的值的名字得与接收变量名字一致
我们还可以用props 接收方法来实现父组件向子组件传值
在父组件定义一个方法向子组件标签绑定该方法,子组件通过props接收该方法,并调用该方法并传值。
标签:向子,vue,变量,props,组件,接收,方法,属性 来源: https://blog.csdn.net/weixin_45840253/article/details/120383409