您现在的位置是：网站首页> 编程资料编程资料

Vue+Vux实现登录功能_vue.js_

2023-05-24 716人已围观

简介 Vue+Vux实现登录功能_vue.js_

一、准备工作

请参照 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：

在这里插入图片描述