鍍金池/ 問(wèn)答/HTML/ `Vue.js`的哪一個(gè)生命周期方法對(duì)應(yīng)的是下面的代碼?

`Vue.js`的哪一個(gè)生命周期方法對(duì)應(yīng)的是下面的代碼?

Vue.js的哪一個(gè)生命周期方法對(duì)應(yīng)的是下面的代碼?

if (document.readyState == "completed") {
  // 這里我們可以知道網(wǎng)絡(luò)請(qǐng)求已經(jīng)完成
}
回答
編輯回答
歆久

mounted

clipboard.png

2017年1月25日 11:15
編輯回答
青黛色
if (document.readyState == "completed") {
  // 理解為文檔渲染完成是不是更準(zhǔn)確點(diǎn),畢竟腳本還是需要執(zhí)行,樣式還是需要渲染的
}

要說(shuō)哪個(gè)方法,那就是mounted了吧,但事實(shí)上,mounted了也不一定元素都渲染完成了,
https://cn.vuejs.org/v2/api/#...
引用下官方的說(shuō)法:

el 被新創(chuàng)建的 vm.$el 替換,并掛載到實(shí)例上去之后調(diào)用該鉤子。如果 root 實(shí)例掛載了一個(gè)文檔內(nèi)元素,當(dāng) mounted 被調(diào)用時(shí) vm.$el 也在文檔內(nèi)。

注意 mounted 不會(huì)承諾所有的子組件也都一起被掛載。如果你希望等到整個(gè)視圖都渲染完畢,可以用 vm.$nextTick 替換掉 mounted:
    mounted: function () {
      this.$nextTick(function () {
        // Code that will run only after the
        // entire view has been rendered
      })
    }

2017年9月22日 13:11