VUE2.0增删改查附编辑添加model(弹框)组件共用

为什么80%的码农都做不了架构师？>>>

Vue实战篇（增删改查附编辑添加model(弹框)组件共用）

前言

最近一直在学习Vue,发现一份crud不错的源码预览链接 https://taylorchen709.github.io/vue-admin/#/login 自己下载下来后仔细研究了起来,发现编辑和增加写了两个弹框，我觉得这不符合vue的组件原则，于是自己把编辑和添加改成共用的

因为也是纯粹的写写前端页面,所以数据方面用的是mock.js,真实的模拟请求。

这个项目用到的

技术栈：

vue + webpack + vuex + axios

结构：

build: webpack配置
config: 项目配置参数
common 共用的
components:组件
api :增删改查的接口
mock：模拟数据
src assets: 静态资源文件，存放图片啥的
router.js: 路由表
store: 状态管理
utils: 常用工具类封装
views: 视图页面
static: 静态文件存放 favicon.ico 等等

效果图：

一些更加详细的配置可在github上查看

在线预览地址, https://mgbq.github.io/#/login

github地址 https://github.com/mgbq/Vue-admin (记得star，fork哦) 博客地址 http://blog.csdn.net/qq_32340877/article/details/79309690

转载于:https://my.oschina.net/nxmin/blog/1621247

VUE2.0增删改查附编辑添加model(弹框)组件共用相关推荐

Vue2.0增删改查案例（Vue+Less+LocalStorage）
本人写的小程序,功能还在完善中,欢迎扫一扫提出宝贵意见! Vue+Less+LocalStorage 安装Less:npm install less less-loader --s ...
数据结构，单链表讲解，并使用Java代码实现单链表增删改查【尾部添加，中间插入、修改节点、删除节点、展示链表】
文章目录单链表什么是单链表,链式存储结构详解链表的节点头节点,头指针和首元节点单链表的实现 1.尾部添加新节点思路分析代码实现注意事项 2.按照编号插入新节点思路分析代码实现注意 ...
mysql分析表增删改统计_MySQL增删改查|附思维导图
对于数据库的学习,增删改查一直是我们老师啰嗦的重点,他说(原话):对于常用sql语法我们一定要牢记于心,尤其是各种查询的用法,在面试的时候,一个小小的知识点,面试官都可以推断出求职者的基础是否扎实. ...
sql增删改查_快速搞定数据库增删改查|附思维导图
数据库学习,增删改查一直是测试工程师面试笔试的必考知识点,对于常用sql语法我们一定要牢记于心,尤其是各种查询的用法,在面试的时候,一个小小的知识点,面试官都可以推断出求职者的基础是否扎实. 下面是关 ...
sql增删改查_面试速记之数据库增删改查|附思维导图
数据库学习,增删改查一直是测试工程师面试笔试的必考知识点,对于常用sql语法我们一定要牢记于心,尤其是各种查询的用法,在面试的时候,一个小小的知识点,面试官都可以推断出求职者的基础是否扎实.下面是关于 ...
mysql8.0增删改查语句_MySQL增删改查语句
/数据表,显示表的结构) l 创建数据库 create database student l 删除数据库 drop database student l 创建数据表 create table admi ...
Vue+Mock.js模拟登录和表格的增删改查
有三类人不适合此篇文章: "喜欢站在道德制高点的圣母婊" -- 适合去教堂 "无理取闹的键盘侠" -- 国际新闻版块欢迎你去 "有一定基础但又喜欢逼逼 ...
curl操作Solr5.1.0增删改查
[size=large]1,使用curl查询结果,并转成csv保存 [/size] curl http://localhost:8983/solr/company/query -d 'q=*:*&am ...
sqlite 增删改查附代码
一.进入数据库命令行输入下列命令进入数据库 1.adb 2.adb shell 3.cd data 4.cd data 5.cd [包名] 6.创建数据库后 7.cd databases 8.sql ...