各位靓仔靓女们,大家好! 欢迎来到今天的Vue 3源码解密小课堂。今天咱们就来聊聊Vue 3组件里那些“磨人的小妖精”——props,看看Vue是如何给它们验明正身,又如何给它们安排默认值的。准备好了吗?Let’s dive in!
一、Props:组件的“身份证”和“户口本”
在Vue的世界里,props就像组件的身份证和户口本,它定义了组件可以接收哪些数据,这些数据是什么类型,以及如果调用组件的人没给这些数据,组件该怎么办。
// 一个简单的例子
<template>
<div>
<h1>{
{ title }}</h1>
<p>作者: {
{ author }}</p>
</div>
</template>
<script>
import { defineComponent } from 'vue';
export default defineComponent({
props: {
title: {
type: String,
required: true
},
author: {
type: String,
default: '匿名'
}
},
setup(props) {
console.log(props.title); // 可以访问 title
console.log(props.a
订阅专栏 解锁全文
2881

被折叠的 条评论
为什么被折叠?



