Hi 👋
当你将鼠标悬停在IDE中的组件上时，显示组件属性所对应的描述，这个功能在开发过程中会很有用。你可以在传递给defineProps函数的TypeScript接口中使用JSDoc来实现这一点：
MyComponent.vue
<script setup lang="ts">
export interface Props {
/** The name of the user. */
name: string
/** The age of the user. */
age: number
}
defineProps<Props>()
</script>
也可以直接在defineProps函数中记录props：
MyComponent.vue
<script setup lang="ts">
defineProps<{
/** The name of the user. */
name: string
/** The age of the user. */
age: number
}>()
</script>
这时候你将鼠标悬停在IDE中的prop名称上，应该会看到以下文档描述：
就是这么简单，对于复杂的组件这个小技巧可以很大提升开发效率。
😂 轻松一刻
🧑🏻💻其他新闻
📕优秀的URL设计
👉🏻Jim讨论了URL设计的重要性，展示了URL如何不仅仅是Web地址。
📕TypeHero
👉一个面向TypeScript开发人员的社区和平台，旨在教育和澄清有关TypeScript类型系统复杂性的困惑。 👉🏻它为开发人员测试他们的TypeScript技能提供了挑战。
📕TypeScript的隐藏功能：子类型
👉🏻你知道吗，你可以在没有任何额外的库或工具的情况下创建子类型？
🛠️ The Valley of Code
👉🏻如果你想在假期学习编程，这是一个很好的开始。
看完本文如果觉得有用，记得点个赞支持，收藏起来说不定哪天就用上啦～
专注前端开发，分享前端相关技术干货，公众号：南城大前端（ID: nanchengfe）
