2024年11月27日
[Vue] Destructure return value of composition function for best practice
摘要： If we have multi composition functions: <template> ... </template> <script> import useEventSpace from "@/use/event-space"; import useMapping from "@/u 阅读全文
posted @ 2024-11-27 23:07 Zhentiw 阅读(11) 评论(0) 推荐(0)
[Vue] toRef: convert reactive to ref in order to destructure reactive object used inside template
摘要： import {reactive, computed} from "vue" export default { setup() { const event = reactive({ capacity: 4, attending: ["Tim", "Bob"], spacesLeft: compute 阅读全文
posted @ 2024-11-27 23:02 Zhentiw 阅读(15) 评论(0) 推荐(0)
[Vue] Typescript for Vue3 (defineProps, withDefaults, defineEmits)
摘要： Define a component with props and defualt props value <script setup lang="ts"> import { ref, onMounted } from 'vue' import fetchCount from '../service 阅读全文
posted @ 2024-11-27 22:33 Zhentiw 阅读(54) 评论(0) 推荐(0)
[Vue] PropType for define type of props
摘要： <template> <router-link class="event-link" :to="{ name: 'EventDetails', params: { id: event.id } }" > <div class="event-card"> <span>@{{ event.time }} 阅读全文
posted @ 2024-11-27 03:08 Zhentiw 阅读(14) 评论(0) 推荐(0)