vue 路由

中文文档:https://router.vuejs.org/zh/
下载地址:npm install vue-router --save

1、相关API说明

1) VueRouter(): 用于创建路由器的构造函数

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

2)路由配置

routes:[
	{
		// 一般路由
		{ path: '/foo', component: Foo },
 	    { path: '/bar', component: Bar }
	}
]

3)注册路由器

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

4)使用路由组件标签

: 用来生成路由链接
: 用来显示当前路由组件界面

2、基本路由

vue 路由_第1张图片

3、嵌套路由

你可能感兴趣的:(vue)