vue使用websocket进行单线聊天，代码描述以及分析

首先，在vue中使用websocket进行单线聊天需要引入websocket库，可以使用`websocket`或`socket.io-client`库。

接着，在vue组件中，可以使用以下代码建立websocket连接：

import WebSocket from 'websocket';
// 或
import io from 'socket.io-client';

// 建立websocket连接
const websocket = new WebSocket('ws://localhost:8080');
// 或
const socket = io('ws://localhost:8080');

然后，可以在vue组件中定义一个`messages`数组来存储聊天消息，同时监听websocket连接的`message`事件，将接收到的消息添加到`messages`数组中：

export default {
  data() {
    return {
      messages: []
    }
  },
  mounted() {
    // 监听websocket消息事件
    websocket.onmessage = (event) => {
      const message = event.data;
      this.messages.push(message);
    };
  },
  methods: {
    sendMessage(message) {
      // 发送消息到websocket服务器
      websocket.send(message);
    }
  }
}

最后，在vue组件的template中，可以使用`v-for`指令遍历`messages`数组，展示聊天消息。

需要注意的是，websocket连接的建立和消息的发送都应该在`mounted`生命周期函数中进行，以确保vue组件已经被渲染到页面中。同时，为了避免websocket连接频繁断开和重连，可以将websocket连接对象定义为全局变量，以便在组件之间共享。