![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue练习题
JingG459
加油!
展开
-
练习 (五)
数组转成树:后端接口返回的数据一般是平铺的数组结构,而不会是树形结构,例如下面的平铺数组结构:data = [ {id:"01", name: "张大大", pid:"", job: "项目经理"}, {id:"02", name: "小亮", pid:"01", job: "产品leader"}, {id:"03", name: "小美", pid:"01", job: "UIleader"}, {id:"04", name: "老马", pid:"01", job: "技术l原创 2021-10-05 12:00:00 · 138 阅读 · 0 评论 -
练习(四)
数组小练习:const obj = { 0: '男', 1:'女'}function f(obj) { // 写代码}const arr = f(obj) // arr ===> [{label: '男', value: 0},{label: '女', value: 1}]要求:用数组的方式把{ 0 : '男' , 1 : '女' }变成[{ label : '男' , value : 0} ,{ label : '女' , value : 1}]以下是我写的...原创 2021-10-04 12:00:00 · 113 阅读 · 0 评论 -
练习 (三)
数组小练习:以下代码,用reduce方法写出{0:‘男’,1:‘女’}const arr = [{label: '男', value: 0},{label: '女', value: 1}]function f(arr) { // 写代码 // reduce}const obj = f(arr) // obj ===> {0: '男', 1:'女'}以下是我写的代码:const arr = [{ label: '男', value: 0 }, { label: '女原创 2021-10-03 12:15:00 · 340 阅读 · 1 评论 -
vue小练习 (二)
购物车渲染案例:我做出的效果:由于接口的问题,目前只有三本书案例的要求:鼠标经过时会有阴影和小动画 点击X 可以删除图书 从接口请求图书以下是我写的代码:(写的不好请见谅)因为代码太多,我只截了主要部分。请求图书接口等其他数据我写在了vuex的store里具体vuex的请求方式和使用方式,我在另一篇博客有仔细详述<template> <div id="app"> <h2>我的购物车</h2> &.原创 2021-10-02 15:00:00 · 272 阅读 · 0 评论 -
vue小练习 (一)
看以下代码,研究并给出解答:const arr = [{label: '男', value: 0},{label: '女', value: 1}]function f(arr) { // 写代码 // reduce}const obj = f(arr) // obj ===> {0: '男', 1:'女'}原创 2021-10-01 14:06:25 · 522 阅读 · 0 评论