父组件传递数据给子组件，那么此数据在父组件中改变后，子组件会不会相应地改变呢？

Question

我有一个子组件，接受一个props (data)，父组件传递给子组件。

父组件使用：

<template>
  <sub-component :data="sub_data"></sub-component>
</template>

子组件中：

export default{
  props: {
    data: {
      type: Array,
      required: true
    }
  }
}

请问下，父组件中sub_data数据得到修改之后，子组件的data会不会相应地改变呢、

Answer 1

我亲自测试成功，是会改变的。

父组件：

<delete-selection-btn :selection="selection" ></delete-selection-btn>

子组件：

<script>

  export default{
    props:{
      selection: {
        type: Array,
        required: true
      }
    }
    ,
    data(){
      return {
        msg: 'hello vue'
      }
    },
    methods: {
      delete_selection_proptip_click(){
        console.log(this.selection)
      }
    }
  }
</script>