前台传递一个对象到后台_前端组件与后台服务交互的过程

我们在使用前端组件的时候，如果不和后台发生交互，比如做一个简单的加法计算器程序，不论使用vue合适react，都非常地方便，它的交互过程基本上可以概况为下图：

其中Actions可以视作用户触发的动作，比如用户输入了要计算的两个加数，程序收到这个动作（input的onChange或者onBlur）后，直接更新了JavaScript的和变量sum。因为之前视图绑定或者观察了sum，所以在sum变化时，视图收到了通知，根据sum来更新自己，最终UI上就显示了两个加数的和。

纯前端的action响应过程

当后端参与进来时，情况会变得复杂，大部分场景我们应该把用户的Actions传递到后台，在后台接受了Actions后，我们再向后台拿到最新的数据（下图的NewData）,但是此时拿到的NewData和之前组件绑定的内存Data是两份数据，视图并不会在此时自动更新。