用element创建vue项目（2）登录功能

启动

通过Element-UI组件实现布局

目录

启动

删除不需要的内容

 创建登录组件

设置重定向

 登录页面的布局

---

在vscode中打开vue_shop文件夹

查看当前工作区域是否干净：

git status

创建一个新的登录login分支：

git checkout -b login

查看所有分支：

git branch

在任务中启动serve，编译完成启动app会打开一个vue的初识页面

删除不需要的内容

在App.vue中设置这个初始页面：

则启动后页面显示为

 在router中清空掉自带的路由规则，让路由是干净的。

目录结构：

 创建登录组件

scoped用来控制style样式生效区间，加上scoped就代表当前样式只在当前组件内生效，去掉scoped，style样式会全局生效。

<template>
    <div>
        登录组件
    </div>
</template>

<script>
export default {}
</scr