vue-router下载和简单使用

官方提供的用来实现 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> 

2. : 用来显示当前路由组件界面

<router-view></router-view>