第一步:
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')
别看了! 没有啦 喜欢就点个收藏关注一下哈