怎么在Vue.js中通过自定义事件实现组件通信-创新互联

  
  
  
  
  


  
    
总数:{{total}}
    
  

子组件有两个按钮，分别实现+1和-1的效果，在改变组件的data “counter”后，通过$emit()在把它传递给父组件，父组件使用v-on:increase和v-on:reduce监听事件。

$emit()方法的第一个参数是自定义事件的名称，后面的参数是要传递的数据，可以不填或者填写多个。

注意：除了用v-on在组件上监听自定义事件外，也可以监听DOM事件，这时候可以用 .native修饰符表示监听的是一个原生事件，监听的是该组件的根元素：

使用v-model

Vue 2.x 可以在自定义组件上使用v-model指令。

  
  
  
  
  


  
    
总数：{{total}}