基本逻辑可实现

src/components-v2/Main.vue

@@ -57,6 +57,10 @@ import ToolsBar from "./ToolsBar";
 import { initContainerForLine } from "@/utils/lineHelper";
 const keymaster = require('keymaster');
 
+import AttributeInput from "../components/AttributeInput";
+import CodeStructure from "../components/CodeStructure";
+import Code from "../components/Code";
+
 import styleData from "../map/style.index.js";
 import methodData from "../map/method.index.js";
 import dataData from "../map/data.index.js";
@@ -73,9 +77,9 @@ export default {
   components: {
     RawComponents,
     ToolsBar,
-    AttributeInput: resolve => { require(["../components/AttributeInput"], resolve) },
-    CodeStructure: resolve => { require(["../components/CodeStructure"], resolve) },
-    "lc-code": resolve => { require(["../components/Code"], resolve) },
+    AttributeInput,
+    CodeStructure,
+    "lc-code": Code,
   },
   data() {
     return {

src/components/Main.vue

@@ -0,0 +1,61 @@
+<template>
+  <div id="app" class="con">
+    <h1>{{ msg }}</h1>
+    <h2>Essential Links</h2>
+
+    <h1 class="n">曙光？</h1>
+
+    <el-button>Button</el-button>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'app',
+  data() {
+    return {
+      msg: 'Welcome to Your Vue.js App'
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.con {
+  font-size: 10px;
+  .n {
+    font-weight: 600;
+    color: red;
+  }
+}
+</style>
+
+<style >
+#app {
+  font-family: "Avenir", Helvetica, Arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  text-align: center;
+  color: #2c3e50;
+  margin-top: 60px;
+}
+
+h1,
+h2 {
+  font-weight: normal;
+}
+
+ul {
+  list-style-type: none;
+  padding: 0;
+}
+
+li {
+  display: inline-block;
+  margin: 0 10px;
+}
+
+a {
+  color: #42b983;
+}
+</style>

src/components/RawComponents.vue

@@ -59,6 +59,8 @@
 // import vant from "../rawComponents/vant";
 // import iview from "../rawComponents/iview";
 // import quasar from "../rawComponents/quasar";
+import raw from "../rawComponents/raw";
+import ele from "../rawComponents/element";
 
 export default {
   data() {
@@ -176,7 +178,7 @@ export default {
     }
   },
 
-  created() {  },
+  created() { },
 
   mounted() {
     this.init();
@@ -202,11 +204,11 @@ export default {
   },
 
   components: {
-    raw: () => import("../rawComponents/raw"),
+    raw,
     // vant,
     // iview,
     // quasar,
-    ele: () => import("../rawComponents/element"),
+    ele,
   },
 
 };

src/main.js

@@ -1,15 +0,0 @@
-import Vue from "vue";
-import ElementUI from "element-ui";
-import "element-ui/lib/theme-chalk/index.css";
-
-import AntdUI from "ant-design-vue";
-import "ant-design-vue/dist/antd.css";
-import Main from "./components-v2/Main.vue";
-
-Vue.use(ElementUI);
-Vue.use(AntdUI);
-
-new Vue({
-  el: "#app",
-  render: (h) => h(Main),
-});