用vue2写一个聊天机器人
💡
原文中文，约10400字，阅读约需25分钟。
📝
内容提要
小张同学创建了一个组件装备路由，其中包括了一个聊天界面的组件。聊天界面包括了小张机器人和用户之间的对话框，以及发送消息的输入框。他还介绍了头像处理、聊天信息的数据结构和渲染、以及使用WebSocket进行实时通信的方法。他还提到了使用socket.io进行封装的解决方案。最后，他还介绍了如何滚动到聊天界面的底部。
🎯
关键要点
- 小张同学创建了一个聊天界面的组件，包含聊天框和输入框。
- 使用WebSocket进行实时通信，解决HTTP协议的单向请求问题。
- 聊天信息的数据结构包括消息类型和时间戳。
- 使用socket.io封装WebSocket，简化前后端通信。
- 实现了发送消息和接收消息的功能。
- 组件销毁时关闭WebSocket连接。
- 实现聊天界面自动滚动到底部的功能。
➡️
