vue-router 使用步骤

第一步：

npm install vue-router

第二步：

创建router.js文件

上代码

import Vue from 'vue'
import VueRouter from 'vue-router'

Vue.use(VueRouter)
const routes = [{ //(自己设定的路由页面)
    path: '/',
    name: 'userSecond',
    meta: {
        keepAlive: false
    },
    component: resolve => require(['./pages/userSecond/index'], resolve)
}]
export default new VueRouter({
    mode: 'history',
    scrollBehavior(to, from, savedPosition) {
        if (savedPosition) {
            return savedPosition
        } else {
            return { x: 0, y: 0 }
        }
    },
    routes
})

 第三步（最重要的一步  把router.js文件   再main.js中调用生效              ） 

 

import Vue from 'vue'
import App from './App.vue'
import router from './router'

Vue.config.productionTip = false

new Vue({
  router,
  render: h => h(App),
}).$mount('#app')

别看了！ 没有啦  喜欢就点个收藏关注一下哈