2018.01.27.配置vue路由并制作tab标签页

 

一下午都在调试如何在components下的组件中使用路由制作tab，最后放弃了。我决定还是把路由直接配置在main。js下，然后用在app。vue文件中。main。js中还要配置tab链接的组件
// The Vue build version to load with the import command
// (runtime-only or standalone) has been set in webpack.base.conf with an alias.
import Vue from 'vue'
import App from './App'
import VueCarousel from 'vue-carousel'
import Right from './components/Right'
import VueRouter from 'vue-router'
import Child1 from './components/Child1'
import Child2 from './components/Child2'
import Child3 from './components/Child3'
import Child4 from './components/Child4'
import Child5 from './components/Child5'

Vue.use(VueRouter)
Vue.use(VueCarousel)
Vue.config.productionTip = false

const router=new VueRouter({

routes:[
    {path:"/Child1&