Vue-router(Vue的核心插件)
用来提供路由功能。 通过路由的改变乐意动态加载组件,达到开发单页面程序的目的
(1)基本应用:在vue中进行路由祖册,在模板中通过router-view来接收路由组件
1.提供组件给路由使用
2.注册组件
3.定义路由对象数组
let routes = [
// 一个路由对象
{
// 路由路径
path: "/a",
// 对应的组件
component: myA,
},
{
path: "/b",
component: myB,
},
];
4.创建路由器对象
new router= newVueRouter({
routes:routes
})
5.注册路由对象
new Vue({
router:router
})
6.使用路由
<router-link to="/a">文字</router-link>
<router-view></router-view>
样例代码
<body>
<div id="a