在Vue传值问题有三种情况:
父传子 、 子传父 、非父子之间的传值
父传子
父传递子数据时,需要在子组件上接收一个变量,用props属性,接收变量,props是对象形式,可以接受多个变量,同时可以在指定变量里进行校验
props:{
content:{
type:String//type类型是字符串,如果为数字的时候,就会发生报错
,default:function(){
return XXXX
}//返回的默认值
,require:true//当前这个参数是不是必须赋值,true为必须赋值
validator:function(){
return XXXX>XXX;//校验规则,返回一个布尔值
}
}
}
子传父
当在事件中操作参数想展示到父组件上的时候,根据vue数据单向流,所以不能向上传,需要把参数赋值给另一个变量,使得另一个变量根据需求进行操作。通过$emit检测到事件的触发,把另一个变量当成参数,传到父组件中,并展示到页面内。
<div id="app">
<child @change="handlea"