Vue.js 3 - 沒有元件的實例，真的嗎？
P粉790819727
2023-09-04 15:03:23
<p>在Vue 2中，可以建立一個沒有元件的響應式實例，像這樣：</p>
<pre class="brush:php;toolbar:false;">var vue = new Vue({
el: '#root',
data: { /*... */ },
methods: { /* ... */ }
})</pre>
<p>事實上，這是Vue 2文件開始介紹的基本用法模式。 </p>
<p>我認為這是一種非常優雅的方式，可以將響應性添加到現有的DOM元素中，並且創建的實例在程式設計上很容易操作。在Vue 3中是否有等效的方法？ </p>
使用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>