基于Vue element-ui的登录页面

 页面展示

 

目录结构

 

在源码目录中创建如下结构：

• assets：用于存放资源文件
• components：用于存放 Vue 功能组件
• views：用于存放 Vue 视图组件
• router：用于存放 vue-router 配置

App.vue 是主页面 可以展示router-view相当于一个占位符 用来显示路由指定的页面

<template>
  <div id="app">
    <router-view/>
  </div>
</template>

<script>
export default {
  name: 'App',
  components: {

  }
}
</script>

main.js  可以引入一些插件并使用它们

import V