vue2.0父子组件之间传值

1、子组件调用父组件方法

//父组件

<children  @click="handleClick" > </children>

handleClick (txt) {
   console.log('我是父组件的方法')    
}

//子组件

<div @click = "fn"> </div>

fn() {
  this.$emit('handleClick','我是参数') //触发父组件的方法
}

2、父组件调用子组件方法

//父组件

<div  @handleClick="add”></div>

add (n) {
  console.log(n)
}

//子组件

<div @click="fn"></div>


fn() {
    this.$emit('handleClick', 'cc')
}

3、props 组件间传值

//父组件

<children data="45455"></children>

//子组件

<div>{{data}}<div>

props: {
   data: {
     type: [String,Number],
     default: ''
   }  
}    

资料分享网站

可以加我微信进群，有资料送，也可以讨论问题