Vue.js 3 - Pas d'instances de composants, vraiment ?

Question

Dans Vue 2, vous pouvez créer une instance réactive sans composants, comme ceci :

var vue = new Vue({
    el : '#root',
    données: { /*... */ },
    méthodes : { /* ... */ }
})
En fait, il s'agit du modèle d'utilisation de base introduit au début de la documentation de Vue 2. 
Je pense que c'est une manière très élégante d'ajouter de la réactivité aux éléments DOM existants, et les instances créées sont faciles à manipuler par programme. Existe-t-il une méthode équivalente dans Vue 3 ? 
            

Answer 1

Utilisez 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>