父组件
<body class=" " style="margin:0px">
<div id="app">
<transition name="fade" >
<router-view></router-view> //插入路由
</transition>
</div>
</body>
new Vue({
el: '#app',
router, //注入路由
store,
template: '<App/>',
components: { App }
})
//1.使用Vue-router
import Vue from 'vue'
import Router from 'vue-router'
Vue.use(Router)
let routes = [{
path:'/',
component:require('../components/member.vue').default //子路由
},
{
path:'/address',
component:require('../components/address.vue').default,
//嵌套路由
children:[{
path:'',
redirect:'all' //重定向
},{
path:'all',
name:'all',
component:require("../components/all.vue").default //子路由
},{
path:'form',
name:'form',
component:require("../components/form.vue").default
}]
}]
//2.创建router实例
let router = new Router({
routes
})
export default router
网友评论