vue的路由

路由常用的配置项

path:路由请求的路径

component:路径匹配成功后需要渲染的组件或者页面

 

 

 

路由跳转的方式：

1、<a href="#/home"></a>

 

2、<router-link to="/home"></router-link>

 

to的路径会与path进行匹配，如果匹配成功会渲染component对应的组件

 

组件怎样才能在页面上进行展示 必须依赖一个内置组件

<router-view></router-view> 展示路径匹配成功以后相对应的组件

/*

在vue中所以插件使用的方式

 

 

1、引入vue

2、引入插件

3、使用插件 Vue.use(插件)

 

*/

//路由的配置项

export default new Router({

//每一个路由的配置项,每一个路由都是一个对象

routes: [

{

//请求的路径 pathname

path:"/home",

//path路径匹配成功后渲染哪个组件/页面

component:Home

},

{

path:"/list",

component:List

}

]

})