sov

src/pages/modules/homepage/one.vue

@@ -100,8 +100,7 @@
 
 <script>
 export default {
-  components: {
+  name: 'one',
-  },
   data () {
     return {
       finishRate1: 80,

src/pages/modules/homepage/three.vue

@@ -0,0 +1,24 @@
+<template>
+    <section class="con_container">
+        <one/>
+        <two/>
+    </section>
+</template>
+
+<script>
+import one from './one.vue'
+import two from './two.vue'
+export default {
+  components: {
+    one,
+    two
+  }
+}
+</script>
+
+<style lang="stylus" scoped>
+@import '~@css/mixin'
+.con_container
+    _wh(100%, 100%)
+    _fj(row)
+</style>

src/pages/modules/homepage/two.vue

@@ -104,8 +104,7 @@
 
 <script>
 export default {
-  components: {
+  name: 'two',
-  },
   data () {
     return {
       finishRate1: 80,

src/router/index.js

@@ -12,6 +12,7 @@ Vue.use(Router)
 
 const HomePageOne = r => require.ensure([], () => r(require('@page/modules/homepage/one')), 'HomePageOne')
 const HomePageTwo = r => require.ensure([], () => r(require('@page/modules/homepage/two')), 'HomePageOne')
+const HomePageThree = r => require.ensure([], () => r(require('@page/modules/homepage/three')), 'HomePageThree')
 
 export default new Router({
   linkActiveClass: 'tab-active',
@@ -32,6 +33,10 @@ export default new Router({
       path: '/homepagetwo',
       component: HomePageTwo
     },
+    {
+      path: '/homepagethree',
+      component: HomePageThree
+    },
     {
       path: '/homepage',
       component: HomePage