Skip to main content

Đôi khi, việc kiểm tra một dữ liệu khi nó chạy qua ứng dụng của bạn rất hữu ích.

Một cách tiếp cận là sử dụng console.log(...) bên trong phần đánh dấu của bạn. Tuy nhiên, nếu bạn muốn tạm dừng thực thi, bạn có thể sử dụng thẻ {@debug ...} với danh sách các giá trị bạn muốn kiểm tra được phân tách bằng dấu phẩy:

App.svelte
{@debug user}

<h1>Chào {user.firstname}!</h1>

Nếu bạn mở công cụ phát triển của mình và bắt đầu tương tác với các phần tử <input>, bạn sẽ kích hoạt trình gỡ lỗi khi giá trị của user thay đổi. Call stack và các biến cục bộ sẽ bị ẩn trong bài hướng dẫn này do các ràng buộc an ninh với iframe.)

Tiếp theo: Next steps

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<script>
	let user = {
		firstname: 'Ada',
		lastname: 'Lovelace'
	};
</script>
 
<label>
	<input bind:value={user.firstname} />
	tên
</label>
 
<label>
	<input bind:value={user.lastname} />
	họ
</label>
 
{(console.log(user), '')}
 
<h1>Chào {user.firstname}!</h1>
initialising