vuex串一串（在线聊天组件）

开源项目地址：is-liyiwei/vue-Chat-demo: 一个基于Vue + Webpack构建的简单chat示例，聊天记录保存在localStorge。简单演示了Vue的component、filter、directive、computed以及组件间的事件通讯https://github.com/is-liyiwei/vue-Chat-demo

在github上克隆了一个在线聊天的开源项目，引入到自己项目中来。该开源项目主要是一个页面中引入四个组件，加上使用了vuex。

效果图如下：

页面初始化时，调用了initData方法。

initData方法存在于vuex的actions中。在该方法中，调用后端接口，获得所有用户信息，收到后端响应后，调用了INIT_ADMINS方法，并把后端json数据（resp）传过去。

INIT_ADMINS存在于vuex的mutations中，它将后端传回的数据（用户信息）放到了vuex的state中的admins中。

然后在需要用户信息的组件中，通过计算属性拿到admins，在对其进行循环展示。