Vue.js 3是否支持无需组件创建响应式实例？

在Vue.js 3中，有对应的实现方式，只是不再使用new Vue()的语法，而是改用**createApp API**——这是Vue3为模块化设计推出的新方案，核心功能和Vue2的基础使用模式完全对齐，同样能优雅地为现有DOM元素添加响应式能力。

基础示例代码 #

构建工具环境（如Vite、Webpack）

import { createApp } from 'vue'

// 创建应用实例
const app = createApp({
  data() {
    return { /* 响应式数据定义 */ }
  },
  methods: { /* 方法定义 */ }
})

// 将实例挂载到指定DOM元素
app.mount('#root')

CDN直接引入场景

<script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
<script>
const app = Vue.createApp({
  data() {
    return { /* 响应式数据定义 */ }
  },
  methods: { /* 方法定义 */ }
})

app.mount('#root')
</script>

实例的编程操作 #

创建后的app实例和Vue2中new Vue()得到的实例用法类似，支持各类编程操作：

• 全局配置：app.config.globalProperties.$customProp = '自定义值'
• 注册全局组件：app.component('MyComponent', { /* 组件选项 */ })
• 访问挂载后的组件实例：const vm = app.mount('#root')，通过vm可直接操作响应式数据和方法

内容的提问来源于stack exchange，提问作者boreg