基于Vue element-ui的登录页面
页面展示
目录结构
在源码目录中创建如下结构：
- assets：用于存放资源文件
- components：用于存放 Vue 功能组件
- views：用于存放 Vue 视图组件
- router：用于存放 vue-router 配置
App.vue 是主页面 可以展示router-view相当于一个占位符 用来显示路由指定的页面
main.js 可以引入一些插件并使用它们
import Vue from 'vue'
import App from './App.vue'
import router from './router'
import './assets/css/global.css'
import ElementUI from 'element-ui'Vue.use(ElementUI)
Vue.config.productionTip = falsenew Vue({routerrender: h => h(App)
}).$mount('#app')login.vue 用来制作登录页面
登录 重置 login.vue
home.vue 提供一个登录成功的页面 点击退出后清空token
退出
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！