当前位置: 首页> 文旅> 艺术 > 目前济南疫情最新情况_王烨身世_行者seo无敌_seo点击排名

目前济南疫情最新情况_王烨身世_行者seo无敌_seo点击排名

时间:2025/7/11 0:48:18来源:https://blog.csdn.net/tq1086/article/details/147340243 浏览次数:0次
目前济南疫情最新情况_王烨身世_行者seo无敌_seo点击排名

定义路由

import { createMemoryHistory, createRoute } from 'vue-router';
import MyView1 from './MyView1.vue';
import MyView2 from './MyView2.vue';const routes = [{ path: '/1', component: MyView1 },{ path: '/2', component: MyView2 }
];const router = createRouter({history: createMemoryHistory(),routes
});app.use(useRouter());
app.mount('#myApp');

使用路由

<RouterLink to='/1'>Page 1</RouterLink>
<RouterLink to='/2'>Page 2</RouterLink>
<RouterView />

动态参数

const routes = [{path: '/users/:id(\\d+)', component: User},{path: '/users/:name', component: User}
];// User.vue
/*
<p>{{ $route.params.id }}</p>
*/const router = useRouter();
const userId = router.params.id;

嵌套路由

const routes = [{ path: '/users/:id(\\d+)',component: User,children: [{ path: 'profile', component: UserProfile },{ path: 'posts', component: UserPosts }]}
]

具名路由

{ path: 'users', name: 'users', component: User }

跳转到路由

router.push('/users/1');
router.push({ path: '/users/1' });
router.push({ name: '/users/profile', params: {'name': 'alex'}});
router.push({ name: '/users/profile', query: {'name': 'alex'}});
router.replace('/users/1'); // 不保存历史记录。
router.go(1); // 前进
router.go(-2); // 后退2次。

全局路由前置守卫

router.beforeEach((to, from) => {let forward = true;// ..return forward;
});

元数据

{ path: '/users', component: User, meta: { foo: 'bar' }}
关键字:目前济南疫情最新情况_王烨身世_行者seo无敌_seo点击排名

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com

责任编辑: