VUE中路由的使用

• Z时代
• 2024-01-10
• 分类：综合

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

总结：这门技术并不难，只要按照步骤配置就不会出什么问题。教程的视频链接

以上是 VUE中路由的使用 的全部内容， 来源链接： utcz.com/z/376756.html