能够追踪一段状态值随时间变化，这通常很有用。

在 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);