解决ElementUI中table组件无法正常加载数据的问题

[Talk is cheap. Show me the code]

不想看理论知识请直接移步最后代码示例。

问题描述：

将Element中table组件进行了二次封装后，在后端接口未给出时，自己在页面写了一些假数据，但数据赋值过程中，页面未进行正常渲染数据。

解决方法：

Vue.nextTick(()=>{

//确保DOM节点已经生成，在这里对表格进行赋值，===>表格未渲染数据

}）
01未解决问题

mounted(){

//在这里进行数据的赋值==>表格数据未渲染

}
02未解决问题

03.使用setTimeout(()=>{

//在这里进行数据的赋值==>正常渲染数据

})

解决了问题。

由此也引出了JS代码执行队列的问题。

我们先来 看下 下方代码，请解释下列代码的输出：

console.log("datagrand1")
setTimeout(() => {
    console.log("datagrand2")   
});
const p0 = new Promise((resolve)=>{
    console.log("datagrand3")
    resolve()
})
p0.then(()=>{
   console.log("datagrand4")
})
console.log("datagrand5")
const p1 = new Promise((reject)=>{
   console