做一个 Web IM

技术栈

• Vuejs 2.x
• Nodejs
• Socket.io
• MongoDB
• Docker

为什么用 Vuejs

作为一个新手该怎么选一个框架

• 门槛低，易上手
• 社区活跃
• 性能够用

官方文档简介清晰

2016 的 Vue 社区已经相当活跃

Github : 3rd most starred among all projects in 2016

性能优秀

数值是来自于一个 2014 年产的 MacBook Air 并在 Chrome 52 版本下运行所产生的。为了避免偶然性，每个参照项目都分别运行 20 次并取自最好的结果

上手开发吧

前端  后端 

🤔

​一个都不能少

后端模型

Vuex 模型

使用 Vue 实现 Web IM

• 布局与组件化
• 消息流的组件
• 消息的发送与接收
• 客户端登陆与离线

布局与组件化

布局与组件化

消息流的组件

消息流的组件

render 函数

发送与接收

前端发送：

前端接收：

后端：能不能让我说一句？

多客户端消息同步