vue+element-UI
文章平均质量分 93
小依不秃头
有志者,事竟成
展开
-
vue中的VueX详解及使用
目标:1、了解vuex中的各个js文件的用途2、利用vuex同步存值3、利用vuex取值4、Vuex的异步加载问题及后台调用问题一、VueX简介VueX官网:https://vuex.vuejs.org/zh/guide/Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。理解:管理整个前端项目的变量,可以看作前端数据库二、vuex的五个属性(核心概念),区别和用.原创 2021-11-16 01:29:48 · 7003 阅读 · 0 评论 -
SPA项目开发之CRUD+表单验证
目标:表单验证 增删改功能实现一、表单验证<!-- 编辑界面 --><el-dialog :title="title" :visible.sync="editFormVisible" width="30%" @before-close="closeDialog"><el-form label-width="120px" :model="editForm" :rules="rules"ref="editForm"><el-form-ite..原创 2021-11-15 18:55:20 · 110 阅读 · 0 评论 -
SPA项目开发之动态树+数据
目标:动态树功能 右侧文章的分页查询功能一、动态树功能注释mock,与后台交互数据在左侧树组件中进行数据读取<template> <el-menu default-active="2" class="el-menu-vertical-demo" background-color="#334157" text-color="#fff" active-text-color="#ffd04b" :collapse="collapsed">...原创 2021-11-12 11:05:37 · 621 阅读 · 0 评论 -
SPA项目开发之首页导航+左侧菜单
目标:mock.js模拟响应ajax请求 前台主界面的搭建 退出功能 左侧树收缩功能(vue总线的概念)分析:一、Mock.js简介前后端分离开发开发过程当中,经常会遇到以下几个尴尬的场景: 1. 老大,接口文档还没输出,我的好多活干不下去啊! 2. 后端小哥,接口写好了没,我要测试啊! 前后端分离之后,前端迫切需要一种机制,不再需要依赖后端接口开发,而今天的主角mockjs就可以做到这一点Mock.js是一个模拟数据的生成器,用来帮助前端调试开发、进行前后端...原创 2021-11-11 16:06:12 · 1170 阅读 · 0 评论 -
SPA项目开发之登陆注册
目标:spa项目完成登录注册布局 Spa项目完成登录功能 This指针带来的变量污染 ajax跨域问题 axios的get/post的区别(qs)一、spa项目完成登陆注册布局根据使用vue-cli搭建SPA_小依不秃头的博客-CSDN博客搭建的spa项目1.安装开发模块npm install element-ui -S 安装饿了么UInpm install axios -S前后端数据交互插件(相当于ajx)...原创 2021-11-10 11:35:36 · 19506 阅读 · 0 评论