能夠追蹤狀態片段隨時間變化的值通常很有用。

在 addNumber 函式內部，我們新增了一個 console.log 陳述式。但是，如果您按下按鈕並開啟主控台抽屜（使用網址列右側的按鈕），您會看到一個警告，以及一則訊息，說明訊息無法複製。

這是因為 numbers 是一個反應式 proxy。我們可以做幾件事。首先，我們可以使用 $state.snapshot(...) 建立狀態的非反應式快照

function addNumber() {
	numbers.push(numbers.length + 1);
	console.log($state.snapshot(numbers));
}

或者，我們可以使用 $inspect 符文，在狀態變更時自動記錄狀態快照。此程式碼將自動從您的生產版本中移除

function addNumber() {
	numbers.push(numbers.length + 1);
	console.log($state.snapshot(numbers));
}

$inspect(numbers);

您可以使用 $inspect(...).with(fn) 自訂資訊的顯示方式 — 例如，您可以使用 console.trace 來查看狀態變更的來源

$inspect(numbers).with(console.trace);