Skip to main content
Svelte基础
介绍
响应
属性Props
逻辑表达式
事件
绑定
Classes和样式
动作Actions
Transitions
Advanced Svelte
Advanced reactivity
Reusing content
Motion
Advanced bindings
Advanced transitions
Context API
Special elements
<script module>
Next steps
Basic SvelteKit
Introduction
Routing
Loading data
Headers and cookies
Shared modules
Forms
API routes
$app/state
Errors and redirects
Advanced SvelteKit
Hooks
Page options
Link options
Advanced routing
Advanced loading
Environment variables
Conclusion

Nested.svelte可以很容易的为属性设定默认值:

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属性值,它就会用默认值。

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

App
<Nested answer={42}/>
<Nested />

哦!默认值,让我想起了备胎兄弟,常在却总在等待被想起。

Edit this page on GitHub

previous next
1
2
3
4
5
6
<script>
	import Nested from './Nested.svelte';
</script>
 
<Nested answer={42} />