vue2中组件传参总结

1.父组件向子组件传递属性

//父组件：
 
<template>
  <div class="parent">
    <p>父组件：{
  { msg }}</p>
    <Child message="Hello, I am parent!"></Child>
  </div>
</template>
 
<script>
  import Child from './Child'
  export default {
    name: 'Parent',
    data () {
      return {
        msg: 'Hello world'
      }
    }，
    components:{
          Child
     }
  }
</script>
 
<style lang="less" scoped></style>

//子组件：
 
<template>
  <div class="child">
    //使用父组件传递过来的参数
    <p>子组件：{
  { message }}</p>
  </div>
</template>
 
<script>
  export default {
    name: 'Child',
    //使用props配置项接受参数
    props: ['message'],
    data () {
      return {}
    }
  }
</script>
 
<style lang="less" scoped></style>

2.子组件通过调用父组件传递过来的方法给父组件传递参数

//父组件
<template>
    <div>
        <div>父组件的{
  {name}}</div>
        <Child @showName="updateName" :sendData&#