반응형
Vue.createApp이 작동하지 않지만 새 Vue() 방법으로 작동 중임
나는 이 오류를 받고 있다.tesyya.js:16 Uncaught TypeError: Vue.createApp is not a functionmycode는 다음과 같다:
const app = Vue.createApp({
data() {
return {
count: 4
}
}
})
const vm = app.mount('#app')
console.log(vm.count)<!DOCTYPE html>
<html lang="en">
<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>제발 내 실수를 좀 봐줘 난 초보자야
그createApp방법은 Vue 3을 위한 것이며, 오류는 Vue 2를 사용 중임을 나타낸다. 다음은 Vue 2와 Vue 3의 구문이 올바른 동등한 예시 앱이다.
Vue 2:
CDN:<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>Vue 3:
CDN:<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>이전 버전의 VueJs를 연결한 경우
참고: Vue3 이전 버전에서 최신 버전을 연결하려는 경우 미리 준비하십시오.@next열린우리당으로
올해 말까지 우리당은 직진할 것으로 예상되며 심지어 의사들 조차도 공식적으로 Vue3가 될 것이다.
따라서 Vue3를 사용하려면 아래 CDN을 사용하십시오.
<script src="https://unpkg.com/vue@next"></script>
이제 너는 할 수 있다.createApp(elem)api.
Vue 3에서 createApp 기능을 사용할 수 있음
<script src="https://unpkg.com/vue@3.0.12"></script>
인덱스 파일의 헤더에 이 스크립트 추가
반응형
'IT이야기' 카테고리의 다른 글
| 서로 다른 .c 파일 간에 변수를 공유하려면 어떻게 해야 하는가? (0) | 2022.04.17 |
|---|---|
| 리눅스 c 프로그램에서 pthread의 스레드 ID를 얻는 방법? (0) | 2022.04.17 |
| Java 인터페이스의 메서드는 공개 액세스 수정자를 포함하거나 포함하지 않고 선언되어야 하는가? (0) | 2022.04.17 |
| Bootstrap-vue 테이블 _ showdetails는 데이터 업데이트 시 닫힘 (0) | 2022.04.17 |
| Vuejs에서 어레이를 필터링할 때 문제가 발생하시겠습니까? (0) | 2022.04.17 |