官方提供的用来实现 SPA 的 vue 插件
开发文档
下载

npm install vue-router --save

相关 API 说明
(1) VueRouter(): 用于创建路由器的构建函数

new VueRouter({ 
	// 多个配置项 
})

(2) 路由配置

routes: [ 
	{ // 一般路由 
		path: '/about', 
		component: About 
	},
	{ // 自动跳转路由 
		path: '/', 
		redirect: '/about' 
	} 
]

(3) 注册路由器

import router from './router' 
new Vue({ 
	router 
})

(4) 使用路由组件标签

  1. : 用来生成路由链接
<router-link to="/xxx">Go to XXX</router-link> 
  1. : 用来显示当前路由组件界面
<router-view></router-view>
Logo

前往低代码交流专区

更多推荐