Vue3 文档示例代码块很奇怪

【问题标题】：Vue3 documentation example codeblocks are strangeVue3 文档示例代码块很奇怪
【发布时间】：2021-03-25 06:27:18
【问题描述】：

在整个 Vue 3 的文档中，当在组件中显示示例代码时，它们会执行以下操作：

Vue.createApp({})

虽然我从来没有这样做过，我只是使用

<script>
  export default {
    name: 'example-component-xd'
  }
</script>

我在这里缺少什么？我刚开始学习 Vue 3，之前还没有学习过任何其他版本的 Vue。这个问题更多的是我的好奇心，因为它不会影响我理解文档的能力，但我认为它可能与 Vue、ES6 或最佳实践等的历史有关。这是另一个例子：

【问题讨论】：

【解决方案1】：

在 Vue 3 中，Vue.createApp({}) 替换了 Vue 2 中的 new Vue({})。这行代码通常在您挂载应用程序的入口文件中（而不是在组件文件中）。

您显示的<script> 标记中的代码用于single file components，您可以继续使用该样式。你永远不会在那些单个文件组件中使用Vue.createApp() 或new Vue()。

您可以在src/main.js 中签出显示Vue.createApp() 的example Vue 3 app，而src/components 中的单个文件组件使用您也在使用的选项API。

【讨论】：