1:先创建一个router文件夹并在该文件夹下创建index.js文件
2:在index.js文件中导入页面文件;Login为组件名称,'../views/login/login'为页面文件路径
3:调用Vue.use(VueRouter)
4:创建路由实例,并且传入路由映射配置,然后在Vue实例中挂载创建的路由实例
5:导出Vue实例
//第二步
import Vue from 'vue'
import Login from '../views/login/login'
//第三步
Vue.use(VueRouter)
//第四步
const routes = [
{
path: '/login',
component: Login
}
]
const router = new VueRouter({
routes
})
//第五步
export default router
总结:这门技术并不难,只要按照步骤配置就不会出什么问题。教程的视频链接