首頁猿問 Vue.createApp...

Vue.createApp 不起作用，但正在使用 new Vue() 方法

JavaScript

拉丁的傳說 2023-10-14 09:58:28

我收到此錯誤，tesyya.js:16 Uncaught TypeError: Vue.createApp is not a function 我的代碼如下所示：const app = Vue.createApp({ data() { return { count: 4 } }})const vm = app.mount('#app')console.log(vm.count)<!DOCTYPE html><html><head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>My GK</title></head><body> <div class="app"> <h1>this might be challenging for you</h1> <ul id="addhere"> <li v-for="goal in goals">{{goal}}</li> </ul> <input type="text" name="text" id="addthis" v-model="enteredval" /> <input type="button" value="ADD" id="add" v-on:click="add()" /> </div> <script src="https://unpkg.com/vue"></script> <script src="tesyya.js"></script></body></html>請讓我糾正我的錯誤，我是初學者

查看完整描述

3 回答

HUH函數

TA貢獻1836條經驗獲得超4個贊

該createApp方法適用于 Vue 3，錯誤表明您正在使用 Vue 2。以下是具有適用于 Vue 2 和 Vue 3 的正確語法的等效示例應用程序。

視圖2：

內容分發網絡：<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;

}

});

Some value: {{ someValue }} <br />

Some computed value: {{ someComputed }}

</div>

視圖3：

內容分發網絡：<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");

Some value: {{ someValue }} <br />

Some computed value: {{ someComputed }}

</div>

反對回復 2023-10-14

撒科打諢

TA貢獻1934條經驗獲得超2個贊

您鏈接了以前版本的VueJs

注意：在Vue3之前，如果您想鏈接最新版本，請@next在URI前面添加

預計到今年年底，URI將變得簡單，甚至文檔也將正式成為Vue3

因此，要使用 Vue3，請使用以下CDN

<script src="https://unpkg.com/vue@next"></script>

現在你可以使用createApp(elem)api 了。

反對回復 2023-10-14

米脂

TA貢獻1836條經驗獲得超3個贊

您可以在Vue 3中使用createApp函數

<script src="https://unpkg.com/[email protected]"></script>

將此腳本添加到索引文件的標頭中

反對回復 2023-10-14

3 回答
0 關注
437 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

Vue.createApp 不起作用，但正在使用 new Vue() 方法

Vue.createApp 不起作用，但正在使用 new Vue() 方法

3 回答

添加回答

Vue.createApp 不起作用，但正在使用 new Vue() 方法