我透過引導(dǎo)專案內(nèi)容然後建置它以進(jìn)行部署來編寫（業(yè)餘）Vue3 應(yīng)用程式(*)。效果很好。
我需要建立一個(gè)可以直接在瀏覽器中載入的獨(dú)立的單一 HTML 頁面。幾年前，當(dāng)我開始使用 Vue 時(shí)（在 v1 → v2 的過渡期間），我曾經(jīng)這樣做過，當(dāng)時(shí)我立即找到了正確的文件。
我找不到類似的 Vue3 和 Composition API。
什麼是一個(gè)框架頁面，它將顯示值反應(yīng)變數(shù){{hello}} （我將在完整的建置應(yīng)用程式的上下文中在<script setup>中定義）
這就是我過去的做法（我希望我做對了）
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="https://unpkg.com/vue@2"></script>
</head>
<body>
<div id="app">
{{hello}}
</div>
<script>
// this is how I used to do it in Vue2 if I remember correctly
new Vue({
el: '#app',
data: {
hello: "bonjour!"
}
// methods, watch, computed, mounted, ...
})
</script>
</body>
</html>
(*)我實(shí)際上使用Quasar框架，但這並沒有改變我問題的核心。
1
0
0
根據(jù)官方文檔，您無法使用 CDN 來使用腳本設(shè)定一>：
但是您可以在頁面腳本中使用設(shè)定掛鉤，如下所示：
const {
createApp,
ref
} = Vue;
const App = {
setup() {
const hello = ref('Bonjour')
return {
hello
}
}
}
const app = createApp(App)
app.mount('#app')
sssccc{{hello}}
