Skip to main content

Trong bài này, chúng ta đã quên cho property version được yêu cầu bởi PackageInfo.svelte, tức là nó sẽ hiện phiên bản undefined.

Ta có thể sửa nó bằng cách thêm thuộc tính version...

App.svelte
<PackageInfo
	name={pkg.name}
	speed={pkg.speed}
	version={pkg.version}
	website={pkg.website}
/>

...nhưng vì thuộc tính của pkg giống với thuộc tính trong component kia, ta có thể 'mở rộng' chúng vào thẳng component này:

App.svelte
<PackageInfo {...pkg} />

Ngược lại, nếu bạn cần tham chiếu tất các thuộc tính được truyền vào một component, bao gồm cả những cái không được khai báo với export, bạn có thể truy cập thằng vào $$props. Việc này thường không được khuyến khích vì sẽ khiến Svelte khó tối ưu hóa, nhưng nó sẽ hữu ích trong một vài trường hợp nhất định.

Tiếp theo: Logic

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<script>
	import PackageInfo from './PackageInfo.svelte';
 
	const pkg = {
		name: 'svelte',
		speed: 'rất nhanh',
		version: 4,
		website: 'https://svelte.dev'
	};
</script>
 
<PackageInfo
	name={pkg.name}
	speed={pkg.speed}
	website={pkg.website}
/>
 
initialising