HelloWorld.vue 778 B

12345678910111213141516171819202122232425262728293031323334353637383940
  1. <script setup>
  2. import { ref } from 'vue'
  3. defineProps({
  4. msg: String,
  5. })
  6. const count = ref(0)
  7. </script>
  8. <template>
  9. <h1>{{ msg }}</h1>
  10. <div class="card">
  11. <button type="button" @click="count++">count is {{ count }}</button>
  12. <p>
  13. Edit
  14. <code>components/HelloWorld.vue</code> to test HMR
  15. </p>
  16. </div>
  17. <p>
  18. Check out
  19. <a href="https://vuejs.org/guide/quick-start.html#local" target="_blank"
  20. >create-vue</a
  21. >, the official Vue + Vite starter
  22. </p>
  23. <p>
  24. Install
  25. <a href="https://github.com/vuejs/language-tools" target="_blank">Volar</a>
  26. in your IDE for a better DX
  27. </p>
  28. <p class="read-the-docs">Click on the Vite and Vue logos to learn more</p>
  29. </template>
  30. <style scoped>
  31. .read-the-docs {
  32. color: #888;
  33. }
  34. </style>