3 回答

TA貢獻(xiàn)1836條經(jīng)驗(yàn) 獲得超4個(gè)贊
該createApp方法適用于 Vue 3,錯(cuò)誤表明您正在使用 Vue 2。以下是具有適用于 Vue 2 和 Vue 3 的正確語(yǔ)法的等效示例應(yīng)用程序。
視圖2:
內(nèi)容分發(fā)網(wǎng)絡(luò):<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.6.14/vue.min.js"></script>
new Vue({
el: "#app",
data() {
return {
someValue: 10
}
},
computed: {
someComputed() {
return this.someValue * 10;
}
}
});
<div id="app">
Some value: {{ someValue }} <br />
Some computed value: {{ someComputed }}
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.6.14/vue.min.js"></script>
視圖3:
內(nèi)容分發(fā)網(wǎng)絡(luò):<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/3.2.30/vue.global.min.js"></script>
const { createApp, ref, computed } = Vue;
const app = createApp({
setup() {
const someValue = ref(10);
const someComputed = computed(() => someValue.value * 10);
return {
someValue,
someComputed
}
}
});
app.mount("#app");
<div id="app">
Some value: {{ someValue }} <br />
Some computed value: {{ someComputed }}
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/3.2.30/vue.global.min.js"></script>

TA貢獻(xiàn)1934條經(jīng)驗(yàn) 獲得超2個(gè)贊
您鏈接了以前版本的VueJs
注意:在Vue3之前, 如果您想鏈接最新版本,請(qǐng)@next
在URI前面添加
預(yù)計(jì)到今年年底,URI將變得簡(jiǎn)單,甚至文檔也將正式成為Vue3
因此,要使用 Vue3,請(qǐng)使用以下CDN
<script src="https://unpkg.com/vue@next"></script>
現(xiàn)在你可以使用createApp(elem)
api 了。

TA貢獻(xiàn)1836條經(jīng)驗(yàn) 獲得超3個(gè)贊
您可以在Vue 3中使用createApp函數(shù)
<script src="https://unpkg.com/vue@3.0.12"></script>
將此腳本添加到索引文件的標(biāo)頭中
添加回答
舉報(bào)