vue-router是什么~~

vue-router是Vue的路由系统，定位资源的，我们可以不进行整页刷新去切换页面内容。

vue-router的安装和基本配置

vue-router.js 可以下载 也可以用cdn，基本配置信息看如下代码~~~

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"&gt;
<script src="https://unpkg.com/vue-router/dist/vue-router.js"&gt;
<script src="../js/router_demo.js">
<span style="color: #008000;">//<span style="color: #008000;"> js 代码
<span style="color: #0000ff;">var routes =<span style="color: #000000;"> [
{
path: "/"<span style="color: #000000;">,component: {
template: </span><div><h1>首页</h1></div><span style="color: #000000;"&gt;
}
},{
path: "/about"<span style="color: #000000;">,component: {
template: </span><div><h1>关于我们</h1></div><span style="color: #000000;"&gt;
}
}
]

<span style="color: #0000ff;">var router = <span style="color: #0000ff;">new<span style="color: #000000;"> VueRouter({
routes: routes,<span style="color: #008000;">//<span style="color: #008000;"> 路由去掉#
<span style="color: #008000;">//<span style="color: #008000;"> mode: 'history',
<span style="color: #000000;">});

<span style="color: #0000ff;">var app = <span style="color: #0000ff;">new<span style="color: #000000;"> Vue({
el: '#app'<span style="color: #000000;">,router: router,});

</div>
<div>
    <router-view name="content" class="content-view"&gt;</router-view>
    <router-view name="footer" class="footer-view"&gt;</router-view>
</div>