路由常用的配置项
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
}
]
})