Vue父子组件通信

全面学习Vue

• 组件通信

  • 父组件给子组件传值 props

      父组件
      
      子组件
      props: {
        mny: {
          type: Number
        }
      }
    

  • 子组件改变父组件值 $emit

      第一种
      父组件
      
      子组件
      this.$emit('xxx',200)
    
      第二种 .sync
      父组件
      
      子组件
      value: { // 用v-modle绑定方式，接收到的属性名只能是value
        type: Number
      }
      this.$emit('input',200) // 触发的事件只能是input
    

• listeners

  • $attrs 批量向下传入属性

    
    儿子1: {{$attrs.name}}
  

  • $listeners 批量向下传入方法

    
    
    
  
    更改
  

github地址：https://github.com/leiyangs/Vue-trains
index.html是vue知识点