使用到了哪些
本文为新手使用的更容易理解的单路由,并没有使用 二级路由
个人建议是使用二级路由来实现此效果
- router-link
- router-view
- 路由
- 主页面
- 对应组件
第一步
- 设置好对应路由的子组件
//-------------------------adminlog.vue-----------------------------------
<template>
<div>你好</div>
</template>
<script>
export default {
name:"adminlog"
}
</script>
<style scoped>
</style>
第二步
- 设置好对应的路由地址
//----------------------router ---> index.js-------------------------------------
{
path:"/adminlog",
name:"adminlog",
component:adminlog
}
第三步
- 设置好主页面跳转的对应路由 router-link
<router-link to="/adminlog">点击跳转</router-link>
- 设置好展示对应页面的标签 router-view
<router-view></router-view>
合起来的写法
<template>
<div>
<router-link to="/adminlog">点击跳转</router-link>
<div>
<router-view></router-view>
</div>
</div>
</template>