vue父组件通过prop传递的值，在子组件中怎么读？

Question

vue父组件通过prop传递的值，在子组件中怎么读？
mounthed 中输出内容为空

   props: ['data', 'deleteInvisible'],
  mounted() {
    console.log('bbbbbb',this.data);
    //现在输出内容为空怎么回事？
  },

Answer 1

如果是异步传入的props。刚刚mounted是拿不到的，你可以拿个标签显示出来看看

<your-tag title="改变标题"/>

  props: {
    title: {
      type: String,
      default: '默认标题'
    }
  },
  methods: {
    show () {
      // 显示props的值
      alert(this.title)
    }
  }

Answer 2

输出为空说明父组件第一次传入的就是空，后面父组件有数据了，再次去子组件获取就有值了，你也可以子组件调用的时候添加v-if=data，保证子组件初始化的时候data一定有值，或者使用watch监听data都可以