通常，能够跟踪一段状态随时间变化的值非常有用。

在 addNumber 函数内部，我们添加了一个 console.log 语句。但是，如果你点击按钮并打开控制台抽屉（使用 URL 栏右侧的按钮），你将看到一个警告，以及一条消息，指出该消息无法克隆。

这是因为 numbers 是一个响应式的 代理。我们可以做两件事。首先，我们可以使用 $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);