狂神Vue

数据流向图

ref('Hello Vue!')  
       ↓
   message (响应式)
       ↓
   return { message }
       ↓
   {{message}} 在模板中使用
       ↓
   页面显示 "Hello Vue!"

//你当前的写法（组合式 API）
createApp({
    setup() {
        const message = ref('Hello Vue!')
        return { message }
    }
}).mount('#app')


//选项式 API（另一种常见写法）
createApp({
    data() {
        return {
            message: 'Hello Vue!'
        }
    }
}).mount('#app')