Vue.js 3 - Tiada contoh komponen, betul-betul?

Question

Dalam Vue 2, anda boleh mencipta tika reaktif tanpa komponen, seperti ini:

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

Malah, ini ialah corak penggunaan asas yang diperkenalkan pada permulaan dokumentasi Vue 2.

Saya fikir ini adalah cara yang sangat elegan untuk menambah responsif kepada elemen DOM sedia ada dan kejadian yang dibuat mudah untuk dimanipulasi secara pengaturcaraan. Adakah terdapat kaedah yang setara dalam Vue 3?

Answer 1

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