vue父子组件之间的通信

vue父子组件之间的通信一般可以分为两种：

• 一种是父组件传递数据到子组件
• 一种是子组件传递数据到父组件

下面就分别举例说明：

1.父组件向子组件传递参数

vue中，父组件向子组件传递数据一般通过props。

父组件：

<template>
  <div class="video-list">
      <list-live :liveList="liveList"></list-live>
  </div>
</template>
<script>
  import listLive from '../subComponents/listStyle.vue';
  export default {
    name:'liveList',
    data() {
      return {
        liveList:[],
      }
    },
    components:{
      listLive,
    },
  }
</script>

子组件：

<template>
    <ul>
      <li v-for="live in liveList" class="slider-up">
         <h3 class="one-line"