响应原理是VUE的特征之一。由于具有此功能，可以在使用VUE开发时可以实现“数据”和“视图”的真实时间交互，也就是说，数据驱动视图，视图可以更改data。播放响应是理解VUE的第一步
首先，您需要查看VUE的生命周期。
在舞台上，Vue遍历对象的所有属性，并将所有这些属性用于相应的属性。用户不可见此转换过程。转换完成后，每个组件实例将具有侦听器实例。修改了某些属性后，将触发。监视器的监视将由与其相关的组件重新构成。
如何理解响应，简单地数据和查看 - 相关。修改数据，视图将会改变；以同样的方式修改视图，数据将更改
更改输入框的值后，页面上的值也将更改；以同样的方式，可以直接修改的值，输入框将更改。
VUE无法检测对象属性的添加或删除。原因是Vue在舞台上转换为属性过程，并绑定到观察者。随后的添加或删除属性不会执行转换，并且无法监视观察者。
如果您想添加响应专有人物，则需要注意以下内容：
举起栗子
操作结果
PS：由于未定义某些属性，因此在渲染过程中可能会发出警告
Vue不能根据索引值直接添加或修改数组项，也无法检测到直接修改数组长度。在实际开发中，直接添加和删除对象的属性并不常见。通常会修改数组的某些数据，但是页面未更新。
举起栗子
操作结果
PS：如果数组中的值不是基本数据类型，而是参考类型，直接根据索引修改数组对象的值，则该页面也将在实时更新。但这不是因为响应，但因为组件在内存中引用了组项目。
解决方案
剪接是原始数组上指定长度的拦截数据，该数据将直接修改原始数组
完成代码
修改已安装的数组的值，并且页面将更改。
操作结果
VUE在更新DOM时是异步的。如果观察器监视器数据更改，则将打开队列并在同一事件周期中发生所有数据更改。队列一次。然后在下一个事件周期中，Vue刷新了队列并实施了实际的更新工作。
是很常见。如果我们想在DOM更新后进行一些操作，并且可能会有可能直接呈现的错误，那么我们可以考虑执行DOM的操作。