VUE 组件属性,事件管理

父传子

绑定属性名

接收属性
props:[‘prop01’]
or
props:{
‘prop01’:{
type:‘String’,
require:true,
default:’’,
…
}
}
双向绑定:默认是value,用v-model ,其他checkbox:checked,又是一篇,这里不写了

子传父

子: :bindprop=“bindvalue” @click="menuclick( $event,‘item’) //这里有参数,是实际传过去的数据,再看
methods:{
menuclick(event,p1){
this.$emit(‘menuclick’,event,p1); //这里是触发事件,用this.$emit()向上发送
}
}
父: @menuclick=“menuclick” //监听事件,起名是menuclick,随便起
methods:{
menuclick(el,menu){
console.log((el)); //这个是上面发送的$event
console.log((menu)); // ‘item’
}
}
$event:是触发的事件对象,一般是鼠标事件/按钮事件/等等
$event.target:是发生事件的目标对象,就是在那个事件触发的DOM组件
$event.target.attributes:是属性的数组
$event.target.getAttribute(“bindprop”) //得到绑定的属性值

以后再补缺