同步

src/App.vue

@@ -1,31 +1,35 @@
 <template>
-  <TitleBar/>
-  <CenterPage/>
-  <StatusBar/>
+  <TitleBar />
+  <CenterPage />
+  <StatusBar />
 </template>
 
 <script>
-import TitleBar from './components/TitleBar.vue'
-import CenterPage from './components/CenterPage.vue'
-import StatusBar from './components/StatusBar.vue'
-
+import TitleBar from "./components/TitleBar.vue";
+import CenterPage from "./components/CenterPage.vue";
+import StatusBar from "./components/StatusBar.vue";
+import WebSocket from "./assets/script/webSocket";
 
 export default {
-  name: 'App',
+  name: "App",
   components: {
     TitleBar,
     CenterPage,
     StatusBar,
   },
-  created:function(){
-    console.log("你好");
-  }
-}
+  props: {
+
+  },
+  created: function () {
+    var msbridge = new WebSocket.messagebridge();
+    msbridge.onmessage=onmessage;
+  },
+};
 </script>
 
 <style scoped>
-@import './assets/style/main.css';
- /*#app {
+@import "./assets/style/main.css";
+/*#app {
    font-family: Avenir, Helvetica, Arial, sans-serif;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;

src/assets/script/WEBSocket.js

@@ -1,6 +1,12 @@
+export default {
+    name:"WebSocket",
+    messagebridge
+}
+
 class messagebridge{
+    ws;
     constructor(){
-        
+        this.ws = new websocket("ws://18.6.30.63:8011/wisdom");
     }
 }
 
@@ -10,9 +16,25 @@ class websocket{
     construtor(url){
         this.url=url;
         this.webSocket=new WebSocket(url);
-        this.webSocket.onopen=this.webSocketOnOpen;
+        this.webSocket.onopen=this.onopen;
+        this.webSocket.onmessage=this.onmessage;
+        this.webSocket.onerror=this.onerror;
+        this.websocket.onclose=this.onclose;
     }
-    webSocketOnOpen(){
+    /* websocket打开 */
+    onopen(){
         console.log("websocket连接成功！")
     }
+    /* websocket获得消息 */
+    onmessage(d){
+        console.log("得到消息"+d);
+    }
+    /* websocket发生错误 */
+    onerror(){
+
+    }
+    /* websocket关闭 */
+    onclose(){
+
+    }
 }