Vue.js 3 - 沒有元件的實例，真的嗎？

Question

在Vue 2中，可以建立一個沒有元件的響應式實例，像這樣：

var vue = new Vue({
    el: '#root',
    data: { /*... */ },
    methods: { /* ... */ }
})

事實上，這是Vue 2文件開始介紹的基本用法模式。

我認為這是一種非常優雅的方式，可以將響應性添加到現有的DOM元素中，並且創建的實例在程式設計上很容易操作。在Vue 3中是否有等效的方法？

Answer 1

使用CDN

// CDN Vue Import
const { createApp, ref } = Vue

const app = createApp({
  setup() {
    const msg = ref("hello world")
    
    return { msg }
  },
}).mount('#app')

<script src="https://unpkg.com/vue@3.3.4/dist/vue.global.prod.js"></script>

<div id="app">
   <div>{{ msg }}</div>
   <input v-model="msg" />
</div>