swiper.vue==

www/vue/package.json

@@ -18,6 +18,7 @@
     "vue": "^2.3.3",
     "vue-axios": "^2.0.2",
     "vue-router": "^2.3.1",
+    "vue-swiper": "^0.5.0",
     "vuex": "^2.3.1",
     "vux": "^2.3.4"
   },

www/vue/src/components/swiper.vue → www/vue/src/components/mine.vue

@@ -1,6 +1,6 @@
 <template>
-	<div class="nav">
-		<h1>swiper</h1>
+	<div class="mine">
+		<h1>mine</h1>
 	  <ul>
 			<li v-for="item in products" >
 				{{item.name}}

www/vue/src/components/navigation.vue

@@ -2,7 +2,7 @@
   <div class="navigation">
       <router-link to="/home">首页</router-link>
       <router-link to="/Hello">hello</router-link>
-      <router-link to="/swiper">swiper</router-link>
+      <router-link to="/mine">swiper</router-link>
   </div>
 </template>
 

www/vue/src/main.js

@@ -18,7 +18,7 @@ const router = new VueRouter({
 })
 Vue.component('home', require('./components/home.vue'))
 Vue.component('Hello', require('./components/Hello.vue'))
-Vue.component('swiper', require('./components/swiper.vue'))
+Vue.component('mine', require('./components/mine.vue'))
 Vue.component('navigation', require('./components/navigation'))
 
 new Vue({

www/vue/src/router/index.js

@@ -2,5 +2,5 @@ export default[
   {path: '/', component: require('../components/home.vue')},
   {path: '/home', component: require('../components/home.vue')},
   {path: '/hello', component: require('../components/Hello.vue')},
-  {path: '/swiper', component: require('../components/swiper.vue')}
+  {path: '/mine', component: require('../components/mine.vue')}
 ]