快问： vue 元件中的 data 连续修改后如何控制重选渲染的次数

Question

题目可能没有描述清楚，下面补充一下：

1. data 连续修改，指的是，在 vue component 中我声明了一个 function，然后这个 function 中会一次修改 data 中的两个数值，从而引起 vue component 的重选渲染。
2. 但是在实验过程中发现，虽然 function 中我依次执行 data 的修改动作，但是 vue component rerender 了两次。
3. 我的问题是，在 vue 中，我怎样做到连续修改两次 data，但是 vue component 只 rerender 一次？React 中是可以通过 setState 这个 API 控制，但是 vue 我就不清楚了，求老哥们指点一下，不胜感激～

Answer 1

你确定你是连续修改的吗, vue 自己会累加修改, 统一在下一个周期处理, 所以连续修改也只会触发一次 render. 你这个还是上代码吧, 应该是其他地方出了什么问题.