init

www/vue/package.json

@@ -77,6 +77,7 @@
     "url-loader": "^0.5.8",
     "vue-loader": "^12.1.0",
     "vue-resource": "^1.3.3",
+    "vue-router": "^2.5.3",
     "vue-style-loader": "^3.0.1",
     "vue-template-compiler": "^2.3.3",
     "vuex": "^2.3.1",

www/vue/src/components/Hello.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="hello">
-
+      qweqweqeqw
   </div>
 </template>
 

www/vue/src/components/swiper.vue

@@ -9,4 +9,4 @@
 </script>
 <style type="text/css" scoped>
 
-</style>
+</style>

www/vue/src/main.js

@@ -2,24 +2,32 @@
 // (runtime-only or standalone) has been set in webpack.base.conf with an alias.
 import Vue from 'vue'
 import App from './App'
-import router from './router'
+import routes from './router'
+import VueRouter from 'vue-router'
 
 Vue.config.productionTip = false
-
+Vue.use(VueRouter)
 /* eslint-disable no-new */
-
+const router = new VueRouter({
+  routes
+})
 Vue.component(
     'Hello',
     require('./components/Hello.vue')
 )
+Vue.component(
+    'swiper',
+    require('./components/swiper.vue')
+)
 
 new Vue({
   el: '#app',
   router,
-  template: '<App/><Hello/>',
+  VueRouter,
+  template: '<App/>',
   components:
   {
-    App,
-    Hello: '<template><div>1231321312312</div></template>'
+    App
   }
 })
+