Skip to content

Commit e471c9c

Browse files
committed
fix: createVNode error
1 parent 98f63fe commit e471c9c

File tree

2 files changed

+12
-52
lines changed

2 files changed

+12
-52
lines changed

examples/vite/src/App.vue

Lines changed: 10 additions & 26 deletions
Original file line numberDiff line numberDiff line change
@@ -1,32 +1,16 @@
11
<script setup lang="ts">
2+
import { ref } from 'vue'
23
import HelloWorld from './components/HelloWorld.vue'
4+
5+
const count = ref(0)
6+
function counter() {
7+
count.value++
8+
console.log("count1", count.value);
9+
}
310
</script>
411

512
<template>
6-
<div>
7-
<a href="https://vite.dev" target="_blank">
8-
<img src="/vite.svg" class="logo" alt="Vite logo" />
9-
</a>
10-
<a href="https://vuejs.org/" target="_blank">
11-
<img src="./assets/aaa.jpg" class="logo vue" alt="Vue logo" />
12-
</a>
13-
</div>
14-
<HelloWorld msg="Vite + Vue" />
13+
<div>Im testing</div>
14+
<button type="button" @click="counter">count1 is {{ count }}</button>
15+
<HelloWorld />
1516
</template>
16-
17-
<style scoped>
18-
.logo {
19-
height: 6em;
20-
padding: 1.5em;
21-
will-change: filter;
22-
transition: filter 300ms;
23-
}
24-
25-
.logo:hover {
26-
filter: drop-shadow(0 0 2em #646cffaa);
27-
}
28-
29-
.logo.vue:hover {
30-
filter: drop-shadow(0 0 2em #42b883aa);
31-
}
32-
</style>
Lines changed: 2 additions & 26 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,6 @@
11
<script setup lang="ts">
22
import { ref } from 'vue'
33
4-
defineProps<{ msg: string }>()
5-
64
const count = ref(0)
75
function counter() {
86
count.value++
@@ -11,30 +9,8 @@ function counter() {
119
</script>
1210

1311
<template>
14-
<h1>{{ msg }}</h1>
15-
16-
<div class="card">
12+
<div>123</div>
13+
<div>
1714
<button type="button" @click="counter">count2 is {{ count }}</button>
18-
<p>
19-
Edit
20-
<code>components/HelloWorld.vue</code> to test HMR
21-
</p>
2215
</div>
23-
24-
<p>
25-
Check out
26-
<a href="https://vuejs.org/guide/quick-start.html#local" target="_blank">create-vue</a>, the official Vue + Vite
27-
starter
28-
</p>
29-
<p>
30-
Learn more about IDE Support for Vue in the
31-
<a href="https://vuejs.org/guide/scaling-up/tooling.html#ide-support" target="_blank">Vue Docs Scaling up Guide</a>.
32-
</p>
33-
<p class="read-the-docs">Click on the Vite and Vue logos to learn more</p>
3416
</template>
35-
36-
<style scoped>
37-
.read-the-docs {
38-
color: #888;
39-
}
40-
</style>

0 commit comments

Comments
 (0)