vue13--编程式路由的实现

最新推荐文章于 2022-11-27 09:04:15 发布

婉菡

最新推荐文章于 2022-11-27 09:04:15 发布

阅读量222

点赞数 1

分类专栏：前端文章标签： vue

本文链接：https://blog.csdn.net/gcyqweasd/article/details/113799150

版权

本文详细介绍了Vue.js中编程式路由的实现方法，包括如何通过调用导航守卫、动态路由匹配以及传递参数来控制应用的导航。通过实例代码，深入理解Vue Router的API使用，提升前端开发能力。

摘要由CSDN通过智能技术生成

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>编程式路由的实现</title>
		<script src="https://cdn.jsdelivr.net/npm/vue@2.5.17/dist/vue.js"></script>
		<script src="https://cdn.jsdelivr.net/npm/vue-router/dist/vue-router.js"></script>
	</head>
	<body>
		<div id="app">
			<div>
				<button type="button" @click="fun1()">跳转1</button>
			</div>
			<div>
				<button type="button" @click="fun2()">跳转2</button>
			</div>
			<div>
				<button type="button" @click="fun3()">跳转3</button>
			</div>
			<router-view></router-view>
		</div>
		
		<script>
			
			//定义路由项
			const router = new VueRouter({//路由对象,实例的定义
				routes:[//定义路由项
				    {
				      path:'index/:id

最低0.47元/天解锁文章

婉菡

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
vue13--编程式路由的实现

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>编程式路由的实现</title> <script src="https://cdn.jsdelivr.net/npm/vue@2.5.17/dist/vue.js"></script> <script src="https://cdn.jsdelivr.net/npm/v
复制链接

扫一扫

专栏目录