Object.entries()
可以把一个对象的键值以数组的形式遍历出来
let str = 'abcdefg';
console.log(Object.entries(str))
//["0", "a"]["1", "b"]["2", "c"]["3", "d"]["4", "e"]["5", "f"]["6", "g"]
let num = 123;
console.log(Object.entries(num))//[]
let floatnum = 12.34;
console.log(Object.entries(floatnum))//[]
let obj={
tom:{
age:3,
species:'cat'
},
jerry:{
age:2,
species:'mouse'
}
}
console.log(Object.entries(obj))
//1["tom", {age:3,speces:'cat'}] 2["jerry", {age:2,species:'mouse'}]
for (const item of Object.entries(obj)) {
const groupName = item[0], groupItems = item[1];
console.log(groupName);//tom
console.log(groupItems);//{age:3,speces:'cat'}
for (const secItem of Object.entries(groupItems)) {
const secName = secItem[0];
const secData = secItem[1];
console.log(secName);//age
console.log(secData);//3
}
}
Object.nextTick()
将回调函数延迟在下一次dom更新数据后调用,就是说,将dom节点都加载完之后再执行
<template>
<div>
<div id="box" @click="toChange">{{msg}}</div>
</div>
</template>
<script>
export default{
data(){
return{
msg:'原始值'
}
},
methods:{
toChange(){
this.msg = '已变化'
let box = document.getElementById('box')
console.log(box.innerText)//原始值
this.$nextTick(()=>{
let box1 = document.getElementById('box')
console.log(box1.innerText)//已变化
})
}
}
}