4.1. 添加注册页面

本教程最新版为 2.6,当前版本已放弃维护,请阅读最新版本!

简介

本小节中,我们将在网站的头部添加登录注册入口,同时新建一个注册页面,并使用 vue-router 来切换路由。

登录注册入口

1). 新建入口组件

登录注册这块的逻辑比较多,我们在 src/components/layouts 下新建 TheEntry.vue 文件,复制贴入以下代码:

src/components/layouts/TheEntry.vue

<template>
  <div class="navbar-right">
    <div class="nav navbar-nav github-login">
      <a href="#" class="btn btn-default login-btn">
        <i class="fa fa-user"></i> 登 录
      </a>
      <a href="#" class="btn btn-default login-btn">
        <i class="fa fa-user-plus"></i> 注 册
      </a>
    </div>
  </div>
</template>

<script>
export default {
  name: 'TheEntry'
}
</script>

<style scoped>

</style>

我们这里添加了登录注册按钮,暂时没什么逻辑。

2). 引入入口组件

本文章首发在 LearnKu.com 网站上。

为了保证课程的高品质,我们需要对课程进行收费。付费后 才能观看剩余内容。 购买

上一篇 下一篇
讨论数量: 4

JustTr
router 的大小写问题?
0 个点赞 | 2 个回复 | 问答
lhk001
请注意vue-router的版本,vue2.6不支持4.0以上版本
0 个点赞 | 1 个回复 | 问答 | 课程版本 2.6