Vue+Vux实现登录功能

更新时间：2022年08月26日 11:21:41 作者：奔跑吧邓邓子

这篇文章主要介绍了Vue+Vux实现登录功能，本文通过示例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

一、准备工作

请参照 Vue前端框架搭建使用模板创建框架。

二、创建登录页

1.main.js 中引入全局 ToastPlugin、LoadingPlugin 插件

import  { ToastPlugin, LoadingPlugin } from 'vux'
Vue.use(ToastPlugin)
Vue.use(LoadingPlugin)

2.views 下创建 login\login.vue

import Vue from 'vue'
import Router from 'vue-router'
import HelloWorld from '@/components/HelloWorld'
import Test from '@/views/test'
Vue.use(Router)
export default new Router({
  routes: [
    {
      path: '/',
      name: 'HelloWorld',
      component: HelloWorld
    },
    {
      path: '/test',
      name: 'test',
      component: Test
    }
  ]
})

3.运行

浏览器输入 http://localhost:8080/#/login：

在这里插入图片描述

点击【登录】：

在这里插入图片描述

到此这篇关于Vue+Vux实现登录的文章就介绍到这了,更多相关Vue登录内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

您可能感兴趣的文章:

iview日期控件,双向绑定日期格式的方法
下面小编就为大家分享一篇iview日期控件,双向绑定日期格式的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2018-03-03
关于Vue-cli3烦人的eslint问题
这篇文章主要介绍了关于Vue-cli3烦人的eslint问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
2022-09-09
自定义elementui上传文件以及携带参数问题
这篇文章主要介绍了自定义elementui上传文件以及携带参数问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
2023-08-08
深入剖析vite到底是快还是慢原理详解
这篇文章主要为大家介绍了深入剖析vite到底是快还是慢原理详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2022-08-08
vue移动端如何解决click事件延迟,封装tap等事件
这篇文章主要介绍了vue移动端如何解决click事件延迟，封装tap等事件，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
2022-03-03
如何在vuejs项目中使用md5加密密码的实现
本文主要介绍了如何在vuejs项目中使用md5加密密码的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2022-08-08
elementui之el-table如何通过v-if控制按钮显示与隐藏
这篇文章主要介绍了elementui之el-table如何通过v-if控制按钮显示与隐藏问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
2023-11-11
Vue2.0 实现歌手列表滚动及右侧快速入口功能
这篇文章主要介绍了Vue2.0实现歌手列表滚动及右侧快速入口功能,非常不错，具有一定的参考借鉴价值，需要的朋友可以参考下
2018-08-08
通用vue组件化展示列表数据实例详解
组件化开发能大幅提高应用的开发效率、测试性、复用性等,下面这篇文章主要给大家介绍了关于通用vue组件化展示列表数据的相关资料,文中通过图文介绍的非常详细,需要的朋友可以参考下
2023-06-06
优化Vue template中大量条件选择v-if的方案分享
本文我们将给大家详细的讲解一下如何优化Vue template 中的大量条件选择v-if,文中通过代码示例介绍的非常详细,有详细的优化方案,感兴趣的朋友可以参考阅读下
2023-07-07