首先我们先了解下什么是this.$nextTick

在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后的 DOM。

// 修改数据
vm.msg = 'Hello'
// DOM 还没有更新
Vue.nextTick(function () {
  // DOM 更新了
})

created:在模板渲染成html前调用，即通常初始化某些属性值，然后再渲染成视图。（可以操作数据，发送ajax请求）

mounted:在模板渲染成html后调用，通常是初始化页面完成后，再对html的dom节点进行一些需要的操作。（操作dom）

而我们想要在mounted中获取到props中的属性值，就需要用到this.$nextTick

mounted() {
    this.$nextTick(function () {
        this.data
    })
}

官方$nextTick解释