Skip to main content
基本 Svelte
介绍
反应性
属性
逻辑
事件
绑定
类和样式
动作
转换
高级 Svelte
高级反应性
重用内容
运动
高级绑定
高级转换
上下文 API
特殊元素
<script module>
后续步骤
基本 SvelteKit
介绍
路由
加载数据
标题和 cookie
共享模块
表单
API 路由
$app/state
错误和重定向
高级 SvelteKit
钩子
页面选项
链接选项
高级路由
高级加载
环境变量
结论

我们可以轻松地为 Nested.svelte 中的 props 指定默认值:

¥We can easily specify default values for props in Nested.svelte:

Nested
<script>
	let { answer = 'a mystery' } = $props();
</script>
<script lang="ts">
	let { answer = 'a mystery' } = $props();
</script>

如果我们现在添加第二个没有 answer prop 的组件,它将恢复为默认值:

¥If we now add a second component without an answer prop, it will fall back to the default:

App
<Nested answer={42}/>
<Nested />
上一页 下一页
1
2
3
4
5
6
<script>
	import Nested from './Nested.svelte';
</script>
 
<Nested answer={42} />