let routes = [{
path: '/dashboard',
component: require('./components/Dashboard.vue').default
},
{
path: '/profile',
component: require('./components/Profile.vue').default
}
]
或者是用import的方式引入组件
import Vue from 'vue'
import VueRouter from 'vue-router'
Vue.use(VueRouter)
import member from './components/member.vue'
import allAddress from './components/allAddress.vue'
import address from './components/address.vue'
import form from './components/form.vue'
let routes = [
{ path: '/', component: member},
{ path: '/address',
component: address,
children: [
{
path: '',
// component: require('./components/all.vue').default,
redirect: 'allAddress' // 重定向
},
{
path: 'allAddress',
component: allAddress,
},
{
path: 'form',
component: form
}
]
}
]
// 2、创建vue-router实例
let router = new VueRouter({
routes
})
new Vue({
el: '#app',
router
})
网友评论