vue路由

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

1、安装路由：

　　vue ui

　　cnpm install vue-router

2、使用，导入：

　　默认创建项目的时候就已经帮你写好了。

　　import router from "vue-router"

　　Vue.use(router)

路由配置：

　　new router({

　　　　路由配置，决定什么路径，显示什么内容。

　　　　routes [{

　　　　　　path:路径

　　　　　　componet：组件

　　}]

})

视图上显示的标签：使用router-view决定，

　　页面跳转可以更改location.hash值，也可以使用a标签来进行跳转。

　　也可以使用router-link标签来进行跳转，<router-link to:"/路径"></router-link>

　　也可以使用router-push来进行跳转

以上是 vue路由 的全部内容， 来源链接： utcz.com/z/379572.html