Vue电商后台管理系统项目开发实战（二）

前言

经历了项目初始化，本篇主要介绍 项目初始化之后路由的配置，以及前几个组件的配置，可以把一个组件理解为一个页面，每个页面就是一个组件。

Login组件

 首先，我们需要在router.js中引入我们创建好的Login.vue组件，

 通过实例化router对象，以及router的hash模式完成配置

 当用户访问'/login'时，向用户展示 我们写好的Login组件，并且添加路由的重定向，来设置，如果用户访问了'/'时，我们也让用户跳转到'/login' 中

接下来进入到Login组件的配置

<template>
  <div class="login_container">
    <div class="login_box">
      <!-- 头像区 -->
      <div class="avatar_box">
        <img src="../assets/logo.png">
      </div>
      <!-- 登录表单区 -->
      <el-form ref='loginFormRef' :model="loginForm" :rules="loginRules" label-width="0px" class="login_form">
        <!-- 用户名 -->
        <el-form-item prop="username">
          <el-inp