Vue后台管理界面

Posted 2023-05-03

参考技术A

一、 vue里页面之间传参通过router-link

二、vue里获取接口数据

和js原生对比不然发现有不同的地方,这里是对接口进行了一些封装

三、 结合数组函数map实现二级联动

四、 结合数组函数push、indexOf、splice增删输入框

五、渲染列表

列表里大部分用的都是input标签,然后渲染方式就是 绑定v-model双向绑定更改数据
六、父子通信

使用vuejs2.0和element-ui 搭建的一个后台管理界面

说明：
　　这是一个用vuejs2.0和element-ui搭建的后台管理界面。

相关技术：

　　vuejs2.0：一套构建用户界面的渐进式JavaScript框架，易用、灵活、高效。

　　element-ui：一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的组件库。

　　vue-router：前端路由，用Vue.js + vue-router 创建单页应用(SPA)非常简单。

　　axios: 基于 Promise 的 HTTP 请求客户端，可同时在浏览器和 node.js 中使用。

　　mock.js: 生成随机数据，拦截 Ajax 请求,让前端攻城师独立于后端进行开发。

效果图：

演示地址：http://lit.ipyro.cn

源码地址：https://github.com/jerry9022/LitAdmin

QQ交流群：187036974