Skip to main content

Chúng ta không chỉ giới hạn việc khai báo giá trị phản ứng (reactive values) - ta cũng có thể chạy bất kì câu lệnh nào một cách phản ứng. Ví dụ như ta có thể ghi nhật kí giá trị của count mỗi khi nó thay đổi.

App.svelte
let count = 0;

$: console.log(`bộ đếm là ${count}`);

Kiểm tra Console của bạn qua chức năng Kiểm tra trang của trình duyệt.

Bạn có thể dễ dàng nhóm chúng nó lại thành một khối:

App.svelte
$: {
	console.log(`bộ đếm là ${count}`);
	console.log(`cái này cũng sẽ được ghi lại khi giá trị thay đổi`);
}

Bạn cũng có thể thêm $: vào phía trước những thứ như khối if:

App.svelte
$: if (count >= 10) {
	alert('giá trị quá cao!');
	count = 0;
}

Tiếp theo: Cập nhật các mảng và object

1
2
3
4
5
6
7
8
9
10
11
12
13
<script>
	let count = 0;
 
	function handleClick() {
		count += 1;
	}
</script>
 
<button on:click={handleClick}>
	Clicked {count}
	{count === 1 ? 'time' : 'times'}
</button>
initialising