如何传递绑定属性的初始值？

export default {
  props: {
    name: {
      type: String,
      default: 'John'
    }
  }
}

<template>
  <child-component v-bind:name="parentName"></child-component>
</template>

const childComponent = new Vue({
  props: ['name'],
  template: '<div>{{ name }}</div>'
})

const app = new Vue({
  el: '#app',
  data: {
    parentName: 'John'
  },
  mounted() {
    const child = new childComponent({
      propsData: {
        name: this.parentName
      }
    })
    child.$mount()
    this.$el.appendChild(child.$el)
  }
})

// 祖先组件
export default {
  provide: {
    name: 'John'
  }
}

// 后代组件
export default {
  inject: ['name'],
  mounted() {
    console.log(this.name) // 输出'John'
  }
}