Vue中设置组件的自定义事件和解绑组件的自定义事件

组件的自定义事件

  • 设置School组件实现props,子给父传数据。School组件用于和Student组件做对比。

  • App向School组件传getSchoolName,School组件通过props接收存入School的VueConponent。随后通过调用getSchoolName实现子给父传递数据

  • 想让组件标签识别原生Vue提供的事件。需要加入native

  • 
    >
    ​
  • Student组件实现功能也是子给父传递数据。但用组件的自定义事件来实现

  • 
    
    
     
  • Student和School组件实现的区别在于

    1、App中的getSchoolName方法是直接给School组件,School组件需要props接收一下,自己调用一下。

    2、App中的getStudentName方法不直接传给Student组件,而是利用触发事件( this.$emit() ) 的方式,调用demo

  • 
    

你可能感兴趣的:(前端,javascript,vue.js)