摘要: 一、props / $emit (最常用) 1.父传子 props // section父组件 <template> <div class="section"> <com-article :articles="articleList"></com-article> </div> </template 阅读全文
posted @ 2021-07-01 11:04 BenBonBen 阅读(142) 评论(0) 推荐(0) 编辑
摘要: 接口返回值必须要有count 分页才会生效。由于原接口返回total 导致分页失效 踩个坑 完事 阅读全文
posted @ 2021-07-01 10:19 BenBonBen 阅读(936) 评论(0) 推荐(0) 编辑
摘要: keep-alive:主要用于保留组件状态或避免重新渲染。 比如: 有一个列表页面和一个 详情页面,那么用户就会经常执行打开详情=>返回列表=>打开详情这样的话 列表 和 详情 都是一个频率很高的页面,那么就可以对列表组件使用<keep-alive></keep-alive>进行缓存,这样用户每次返 阅读全文
posted @ 2021-06-30 10:13 BenBonBen 阅读(1624) 评论(0) 推荐(0) 编辑
摘要: 首先深复制和浅复制只针对像 Object, Array 这样的复杂对象的。简单来说,浅复制只复制一层对象的属性,而深复制则递归复制了所有层级。 对于字符串类型,浅复制是对值的复制,对于对象来说,浅复制是对对象地址的复制,并没 有开辟新的栈,也就是复制的结果是两个对象指向同一个地址,修改其中一个对象的 阅读全文
posted @ 2021-06-08 11:40 BenBonBen 阅读(37) 评论(0) 推荐(0) 编辑
摘要: 1. 合并连接数组 let a = [1,2,3]; let b = [0, ...a, 4]; // [0,1,2,3,4] 2.解构赋值 let a = [1,2,3,4,5,6] let [c,...d] = a console.log(c); // 1 console.log(d); // 阅读全文
posted @ 2021-06-08 11:01 BenBonBen 阅读(139) 评论(0) 推荐(0) 编辑
摘要: Vue有五个核心概念,state, getters, mutations, actions, modules。本文将对这个五个核心概念进行梳理。 1. state:vuex的基本数据,用来存储变量 2. geeter:从基本数据(state)派生的数据,相当于state的计算属性 3. mutati 阅读全文
posted @ 2021-06-08 09:58 BenBonBen 阅读(59) 评论(0) 推荐(0) 编辑
摘要: 1.for 循环 for(j = 0; j < arr.length; j++) { } 2.forEach 最简单、最常用的数组遍历方法。它提供一个回调函数,可用于处理数组的每一个元素,默认没有返回值。 遍历开始以后无法停止。 arr.forEach(function(e){ }); 3.map  阅读全文
posted @ 2021-05-22 11:20 BenBonBen 阅读(4794) 评论(0) 推荐(0) 编辑
摘要: 异步编程的最高境界就是不关心它是否是异步。async、await很好的解决了这一点,将异步强行转换为同步处理。async/await与promise不存在谁代替谁的说法,因为async/await是寄生于Promise,Generater的语法糖。 let p = new Promise((reso 阅读全文
posted @ 2021-05-22 10:37 BenBonBen 阅读(86) 评论(0) 推荐(0) 编辑
摘要: 1.复制 //数组的复制 var arr1 = ['hello'] var arr2 =[...arr1] arr2 // ['hello'] //对象的复制 var obj1 = {name:'chuichui'} var obj2 ={...obj1} ob12 // {name:'chuich 阅读全文
posted @ 2021-05-22 10:16 BenBonBen 阅读(143) 评论(0) 推荐(0) 编辑