vue.js2.0父组件监听子组件和调用子组件中的方法

 

概述

vue.js2.0父组件点击触发子组件方法

 

父组件监听子组件

 
  
 
   
{{ total }}
 
    
    
  
 
  
   
 

说明：

    子组件通过$emit触发父组件的事件，$emit后面的参数是向父组件传参，注意，父组件的事件处理函数直接写函数名即可，不要加(),参数直接传递到了父组件的methods的事件处理函数了。

 

父组件调用子组件的方法

说明：

    一个非常方便的v-ref，vue子组件用了定义模板组件功能，然后在父组件里定义一个HTML元素绑定这个子组件后才能在父组件通过这个HTML元素使用。