vue的entries和nextTick

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)//已变化
            })
        }
    }
}