vue 更新组件问题

Question

左侧是一个可复用的列表组件，只要传入相应的接口地址，分页信息就会从后台请求到数据生成表格；

右侧添加信息；

问题是右侧添加成功后如何更新左侧的组件

有尝试过$forceUpdate，非父子组件的通信。都未能解决

很简单的场景为什么用vue那么费劲

Answer 1

装个b:不会用就说工具垃圾？ 作为一个数据驱动的框架，一切都可以用更新数据来解决。
比如你这个问题，分两种情况，
第一种是用了vuex：table的数据来源可以是来自state，而state是action异步请求来，然后mutation同步更新来的。你在添加了一个客户信息之后，可以让后台返回最新的客户列表，同时去触发更新客户列表的mutation，组件里，由于computed了state中的客户列表，数据变了，试图肯定也会变。
第二种是没有用vuex:你可以在添加了一条客户信息之后，通过各种手段，去触发获取客户列表的方法，同理，数据变了，视图也就变了。
甚至你可以把两个模块写在一个组件里。
其实我一开始是不想回答的，但是还是忍不住想说一下，你这种心态，怎么学得好，不尊重自己，也不尊重vue的作者。

Answer 2

觉得费劲，应该是你思路不对。
添加成功，再调用下列表的接口即可。
左右两侧是两个非父子组件？
可以用new bus非父子组件的通信
或者Vuex

Answer 3

fbemitter

Answer 4

给列表组件的props中多传了个n:0, 组件内部watch这个n, 变化了就重新请求拿数据;
左侧添加成功了就n++;
问题这样解决了，我日，简直丑陋
辣鸡vue，一时爽

Answer 5

http://element-cn.eleme.io/2....