• 一些ES6的语法

关于ES6更具体更详细的语法

判断赋值

let a = b = c = 1
() => a !== 1 && b === 1 && ( c = 2 )
// c = 1() => a === 1 && b === 1 && ( c = 2 )
// c = 2

 结构赋值

//test1
let a = { b: 1}
let { b: c } = a
// c = 1 , b: 控制台报错undefind
//等同于 let c = a.b//test2
const node = {loc: {start: {line: 1,column: 5}}
};let { loc, loc: { start }, loc: { start: { line }} } = node;
//line = 1
//loc  = Object {start: Object}
//start = Object {line: 1, column: 5}

•  关于vue中遇到的问题

在使用 v-for 时一定要注意 key 绑定的值是否为唯一，特别是在操作传入到 v-for 的那个数组的时候，不然容易报错。

在修改传入到 v-for 中的数组的数据时，如果发现页面展示没有变化，可以使用this.$set()和this.$delete()

this.$set(变量名,index,传入的值)//修改;  this.$delete(变量名,index)//删除。

解决父元素定位后宽度不随着子元素增大而增大的问题，给子元素加white-space:nowarp

使vue组件销毁重建的方法，可以适用 v-if ，改变绑定在v-if上的值来实现

关于循环执行请求时解决异步的问题： 

async test(){for(let i; i < 5; i++){await this.request()//你发送请求的方法}
}

关于使用 justify-content: space-between 后当最后排元素个数与前面个数不相同出现位置错乱的问题。

当一排只需要展示三个元素时：

<div class='parent'><div class='child' v-for='item in 7' :key='item'></div>
</div>
//需要在他的父类上添加一个伪类，相当于填补空缺
.parent{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;&::after{content: ''width: 200px}.child{width: 200px}
}

当一排不止三个元素时

//例一排4个，一共7个
<div class='parent'><div class='child' v-for='item in 7' :key='item'></div><div v-for(item in (total-len%total)) v-if='len%row > 0' class='tmp-child'></div>
</div>data(){return{len: 4, //一排展示的个数total: 7 //总数}
}.parent{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;.child{width: 200px;}.tmp-child{width: 200px;}
}