无法在Vue js中将数据从main.js传递到App.vue？

// main.js
import Vue from 'vue'
import App from './App.vue'

new Vue({
  data: {
    message: 'Hello from main.js!'
  },
  render: h => h(App, {
    props: {
      message: this.message
    }
  })
}).$mount('#app')

<!-- App.vue -->
<template>
  <div>
    <h1>{{ message }}</h1>
  </div>
</template>

<script>
export default {
  props: ['message']
}
</script>