HelloWorld.vue (856B)
1 <script setup lang="ts"> 2 import { ref } from 'vue' 3 4 defineProps<{ msg: string }>() 5 6 const count = ref(0) 7 </script> 8 9 <template> 10 <h1>{{ msg }}</h1> 11 12 <div class="card"> 13 <button type="button" @click="count++">count is {{ count }}</button> 14 <p> 15 Edit 16 <code>components/HelloWorld.vue</code> to test HMR 17 </p> 18 </div> 19 20 <p> 21 Check out 22 <a href="https://vuejs.org/guide/quick-start.html#local" target="_blank" 23 >create-vue</a 24 >, the official Vue + Vite starter 25 </p> 26 <p> 27 Learn more about IDE Support for Vue in the 28 <a 29 href="https://vuejs.org/guide/scaling-up/tooling.html#ide-support" 30 target="_blank" 31 >Vue Docs Scaling up Guide</a 32 >. 33 </p> 34 <p class="read-the-docs">Click on the Vite and Vue logos to learn more</p> 35 </template> 36 37 <style scoped> 38 .read-the-docs { 39 color: #888; 40 } 41 </style>