App.vue 963 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  1. <template>
  2. <TestStore />
  3. <TestStatus />
  4. <TestSetting />
  5. </template>
  6. <script lang="ts">
  7. import { defineComponent } from "vue";
  8. import TestStatus from "./components/TestStatus.vue";
  9. import TestSetting from "./components/TestSetting.vue";
  10. import TestStore from "./components/TestStore.vue";
  11. export default defineComponent({
  12. name: "App",
  13. components: {
  14. TestStatus,
  15. TestSetting,
  16. TestStore,
  17. },
  18. // setup() {
  19. // console.log("inside App.vue setup");
  20. // },
  21. // beforeCreate() {
  22. // console.log("App.vue beforeCreate");
  23. // },
  24. // created() {
  25. // console.log("App.vue created");
  26. // },
  27. // beforeMount() {
  28. // console.log("App.vue beforeMount");
  29. // },
  30. // mounted() {
  31. // console.log("App.vue mounted");
  32. // },
  33. });
  34. </script>
  35. <style>
  36. #app {
  37. font-family: Avenir, Helvetica, Arial, sans-serif;
  38. -webkit-font-smoothing: antialiased;
  39. -moz-osx-font-smoothing: grayscale;
  40. color: #2c3e50;
  41. margin-top: 60px;
  42. }
  43. </style>