一,Vue Rooter和我们node中的路由类似,它是根据不同的路径,执行不同的组件(没有用路由之前的都是普通组件)
首先我们需要移入vue rooter文件
<script src="../vue-router-3.4.9.js"></script>
引入文件之后我们需要
1.1创建组件
<template id="register">
<div>
<h2>这是注册组件</h2>
</div>
</template>
<template id="login">
<div>
<h2>这是登录组件</h2>
</div>
</template>
1.2创建router
let router = new VueRouter({
routes:[
{
name:"register",
path:"/register",
component:RegisterComponent
} , {
name:"login",
path:"/login",
component:LoginComponent
}
]
})
1.3挂载router
new Vue({
el:'#app',
components:{
RegisterComponent, LoginComponent
},
router
})
1.4使用router
<div id="app">
<router-link to="/register">注册</router-link>
<router-link to=&#