Vue3 文档示例代码块很奇怪

Question

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

Vue.createApp({})

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

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

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

Answer 1

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

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

您可以检查 example Vue 3 app that shows Vue.createApp() in src/main.js, while the single file components in src/components 使用您也在使用的选项 API。

Vue3 documentation example codeblocks are strange