Vue.js WebSocket チュートリアル - Qiita

目的 この記事ではVue.js WebSocket Tutorial の内容を参考に、Vue + Websocketを実現する方法をVue初心者向けに説明します。 Vue経験者であれば上記リンクを見て簡単にできてしまう内容ですが、自分と同じように**「Vue初心者、なんならjsやHTMLも初心者だけどVueとwebsocketを使いたい！」**という方がいると想定し、この記事を書いています。 ソフト構成 今回使った環境のざっくり構成です。 Vue CLIで開発し、websocketのサンプルを動かします。 websocketサンプルを動かすだけであればビルドする必要は無いのですが、デプロイする際にはビルドしたものが必要となるため、ビルドして動かすところまでをゴールとしました。 websocket HTTPを使った双方向通信です。 【参考】今さら聞けないWebSocket~WebSocket