File tree Expand file tree Collapse file tree 2 files changed +12
-52
lines changed Expand file tree Collapse file tree 2 files changed +12
-52
lines changed Original file line number Diff line number Diff line change 11<script setup lang="ts">
2+ import { ref } from ' vue'
23import 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 >
Original file line number Diff line number Diff line change 11<script setup lang="ts">
22import { ref } from ' vue'
33
4- defineProps <{ msg: string }>()
5-
64const count = ref (0 )
75function 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 >
You can’t perform that action at this time.
0 commit comments