0
点赞
收藏
分享

微信扫一扫

vue-router 路由配置

勇敢的趙迦禾 2022-02-08 阅读 60

vue-router的使用 导出同一个router会导致内存溢出?

router.js 代码段

import Router from 'vue-router'
import routes from './routes'

export default () =>{
    return new Router({
        routes
        mode:'history' // 'hash'

        //设置全局样式时可使用
        linkActiveClass:'active-link'
        linkExactActiveClass:'exact-active-link'  //具体匹配的路由,配合route-link

        //页面跳转滚动
        scrollBehavior(to,from,savedPosition){
            to代表要去的路由,from代表来时路由,savedPosition代表上次页面滚动到的位置

            if(savedPosition){
                return savedPosition
            }else{
                return {x:0,y:0}
            }
        }

        //单页面,路由跳转,页面不跳转
        fallback:true
    })
}

index.js代码段

import VueRouter from 'vue-router'

import createRouter from './config/router'

Vue.use(VueRouter)

const router = createRouter()\

new Vue({
    router
})

app.vue 页面使用 <router-view />

 

举报

相关推荐

0 条评论