<div id="app">
  <post-list />
</div>
<script src="https://unpkg.com/vue@next"></script>
<script>
  const app = Vue.createApp('PostList', {
  data() {
    return {
      title: 'Java无难事'
    }
  },
  components: {
    PostItem
  },
  template: `<div><PostItem postTitle="title"></PostItem></div>`
});
app.mount('#app');
</script>

改了，也不对

<div id="app">
  <post-list></post-list>
</div>
<script src="https://unpkg.com/vue@next"></script>
<script>
  const app = Vue.createApp('PostList', {
    components: PostItem,
    data() {
    return {
      title: 'Java无难事'
    }
  }
  },
  components: { 
    PostItem
  },
  template: '<div><PostItem postTitle="title"></PostItem></div>'
};
app.mount('#app');
</script>

修改了

<div id="app">
  <post-list></post-list>
</div>
<script src="https://unpkg.com/vue@next"></script>
<script>
  const app = Vue.createApp({});
  app.component('PostList', {
    data() {
    return {
      title: 'Java无难事'
    }
  },
  components: { 
    PostItem: {
      props: ['postTitle'],
      template: '<h3>{{ postTitle }}</h3>'
    }
  },
  template: '<div><PostItem postTitle="title"></PostItem></div>'
})
app.mount('#app');
</script>

先要写list父组件
再定义item子组件，以及他的template模板
定义item后，才可以引用list的template。
因为才有得引用。

显示出来的是最后一个template，父组件里的值，在这里是title。
再多体会吧。