同步

src/App.vue

@@ -9,12 +9,16 @@ import TitleBar from './components/TitleBar.vue'
 import CenterPage from './components/CenterPage.vue'
 import StatusBar from './components/StatusBar.vue'
 
+
 export default {
   name: 'App',
   components: {
     TitleBar,
     CenterPage,
-    StatusBar
+    StatusBar,
+  },
+  created:function(){
+    console.log("你好");
   }
 }
 </script>

src/assets/script/WEBSocket.js

@@ -0,0 +1,5 @@
+export default{
+    data:{
+        hello,
+    }
+}

src/components/CenterPage.vue

@@ -7,7 +7,7 @@
 
 <style scoped>
 .status-bar{
-    height: 91vh;
+    height: 91%;
     background-color:blue;
 }
 </style>

src/components/StatusBar.vue

@@ -7,7 +7,7 @@
 
 <style scoped>
 .status-bar{
-    height: 4vh;
+    height: 4%;
     background-color:black;
     
     margin-bottom: 0;

src/components/TitleBar.vue

@@ -7,7 +7,7 @@
 
 <style scoped>
 .title-bar{
-    height: 5vh;
+    height: 5%;
     background-color: aqua;
     margin: 0;
 }