vue——自定义事件

vue中自定义的事件,不同于组件和props属性,事件名没有任何的大小写转换,触发的事件必须完全匹配这个事件所用的名称,所以在使用this.$emit('clickA',data)时,clickA必须与定义的事件名一致

当参数为对象时,父组件接收时以及子组件传参时,最好使用JSON.parse(JSON.stringtify(data))转换成字符串,与子组件中的data对象撇清关系,同时,如果在子组件中需要监听对象变化,则需要在watch对象中,使用handler处理变量,同时添加深监听deep属性,或者使用 ES6 中的...(扩展运算符)语法展开该对象

...
watch:{
  name:{
    handler(v){
        this.iName=JSON.parse(JSON.stringify(v))
      },
    deep:true
  }
}
...

 

你可能感兴趣的:(Vue)