v-router几种定义方式
第一种
const router = new VueRouter({
routes: [{
path: '/newSongs',
component: require('../views/NewSongs'),
alias: '/'
}, {
path: '/rank',
component: require('../views/Rank')
}, {
path: '*', redirect: '/'
}]
})
export default router
第二种
Vue.use(Router) | |
export default new Router({ | |
routes: [ | |
{path:'/',redirect:'/home'}, | |
{path:'/home',component: home,meta:{title:'淘宝网高仿版'}}, | |
{path:'/express',component: express,meta:{title:'物流'}}, | |
{path:'/myTaobao',component: myTaobao,meta:{title:'我的淘宝'}}, | |
{path:'/shopcart',name:'shopcart',component: shopCart,meta:{title:'购物车'}}, | |
{path:'/goodDetail',name:'goodDetail',component: goodDetail,meta:{title:'商品详情'}}, | |
{path:'/ratings',name:'ratings',component: moreRating} | |
] | |
}) |
第三种
Vue.use(VueRouter)
const router = new VueRouter({
routes: [{
path: '/',
component:resolve=>require(['@/views/NewSongs'],resolve)
}]
})
export default router
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步