4.1. 添加注册页面

2.5

3.0 2.6 2.5

V01 Vue.js 实战教程 - 基础篇 /

本教程最新版为 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.1. 添加注册页面

2.5

3.0 2.6 2.5

简介

登录注册入口

1). 新建入口组件

2). 引入入口组件

社区赞助商

关于 LearnKu

资源推荐

服务提供商

其他信息

4.1. 添加注册页面 2.5 3.0 2.6 2.5

简介

登录注册入口

1). 新建入口组件

2). 引入入口组件

社区赞助商

关于 LearnKu

资源推荐

服务提供商

其他信息

请登录

4.1. 添加注册页面

2.5

3.0 2.6 2.5