我對 Vue 的結構感到非常困惑。第一次，我從YouTube 上 freeCodeCamp 頻道的視頻中學習。
之后，我找到了一本書來學習
了解 Vue.js 從零開始學習在 Vue 中構建單頁應用程式
布雷特·納爾遜
我面臨的問題是，當我按照 YouTube 上的教程進行操作時，我曾經unpkg運行它并且它可以作業，但是對于這本書，他們使用
jsdelivr，當我使用與我使用的代碼相同的代碼時unpkg，它不起作用。
我不知道我應該學習什么，因為我使用的來自 2 個來源的 2 個教程完全不同。
我使用的代碼unpkg
<!DOCTYPE html>
<html>
<head>
<title>Vue 3</title>
</head>
<body>
<div id="app">
{{ propertyName }}
</div>
<script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
<script>
let app=Vue.createApp({
data: function(){
return {
propertyName: 'Hello from Getting to Know Vue.js!'
}
}
})
app.mount('#app')
</script>
</body>
</html>
我使用的代碼jsdelivr（它有效，但不適用于<script>上面標簽中的代碼）：
<!DOCTYPE html>
<html>
<head>
<title>Vue 3</title>
</head>
<body>
<div id="app">
{{ propertyName }}
</div>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script>
let app = new Vue({
el: '#app',
data: {
propertyName: 'Hello from Getting to Know Vue.js!'
}
});
</script>
</body>
</html>
uj5u.com熱心網友回復：
兩個代碼最后都在做同樣的事情，只是語法上的細微變化。抱歉，如果它令人困惑，但請理解它實際上是同一件事。
jsdelivrCDN 也使用 Vue2，而使用unpkgVue3，因此將它們插入到 DOM 中的細微差別。
我還是建議使用 SFC 樣式（使用像 Vite 這樣的構建工具）：https ://vuejs.org/api/sfc-spec.html#sfc-syntax-specification ！
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/521073.html
標籤：javascriptVue.jscdn解包jsdelivr