vue-router 怎么用?
1.下载
npm install vue-router@4
2.创建router文件夹 并添加index.js
import {
createRouter, createWebHistory ,createWebHashHistory } from 'vue-router'
// 两种方式
//1.createWebHashHistory --- hash
//2.createWebHistory --history
const routerHistory = createWebHistory()
const routes = [
{
name:'good',
path:'/good',
component:()=>import("../components/goodList/goods")
}
]
const router = createRouter({
history: routerHistory,
routes,
})
export default router
3. 来到main.js
import router from './router'
createApp(App).use(router).mount('#app')
//4.来到你需要的页面
<script setup>
import {
useRouter} from "vue-router";
let router = useRouter();
function jumpToGoods() {
router.push({
path: '/good'
})
};
//至于如何传递参数,请查看文档
</script>
vue3-路由配置
猜你喜欢
转载自blog.csdn.net/weixin_45932463/article/details/121363270
今日推荐
周排行