我认为方法不是反应性的，但为什么在这个例子中方法是反应性的？

Question

这里是示例：https://codesandbox.io/s/sparkling-pine-542q4?file=/src/App.vue

我创建了一个简短的示例。看方法：iAmAMethod。我直接在视图模板部分使用它。在那种方法中，我使用了一个反应数据道具counter，但似乎当 var counter 增加时，该模板的部分会被重新渲染。但为什么这行得通？我认为方法不是反应式的？

Answer 1

在 Vue 的上下文中，值的反应性意味着它们的状态（属性）被跟踪并且它们的setters 被拦截以触发重新渲染。

Related part in docs

相比之下，组件的方法不是响应式的，因为更改它们的属性不会触发重新渲染。

在您的示例中，您不会更改 iAmAMethod 方法的属性，但您会更改反应性的 counter 数据。这就是 Vue 重新渲染模板的原因。