這篇文章主要介紹vue中生命周期鉤子函數(shù)有哪些，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！

成都創(chuàng)新互聯(lián)公司10多年企業(yè)網(wǎng)站設計服務;為您提供網(wǎng)站建設,網(wǎng)站制作,網(wǎng)頁設計及高端網(wǎng)站定制服務,企業(yè)網(wǎng)站設計及推廣,對戶外休閑椅等多個領域擁有多年的網(wǎng)站制作經驗的網(wǎng)站建設公司。

Vue實例的生命周期鉤子函數(shù)（8個）

1、beforeCreate

剛 new了一個組件，無法訪問到數(shù)據(jù)和真實的dom，基本上這個好像不能干啥

2、created

data屬性完成了賦值，可以對數(shù)據(jù)進行修改但是不會觸發(fā)updated,在這里可以做初始數(shù)據(jù)的獲取

3、beforeMount

render準備要渲染了，函數(shù)中虛擬dom已經創(chuàng)建完成，這時候改變數(shù)據(jù)也不會觸發(fā)update,在這里可以做初始數(shù)據(jù)的獲取

4、mounted

開始render，渲染出真實dom，執(zhí)行mounted鉤子函數(shù)，組件已經出現(xiàn)在頁面中，數(shù)據(jù)，事件，都DOM都處理好了。這里你 可以改是進行真實的DOM操作

5、beforeUpdate

組件，實例數(shù)據(jù)更新之前會執(zhí)行的函數(shù)，虛擬DOM會重新構建虛擬DOM，與上一次的虛擬DOM對比后重新渲染。切記不可 進行數(shù)據(jù)修改否則會出現(xiàn)死循環(huán)

6、updated

更新完會執(zhí)行的函數(shù)，切記不可進行數(shù)據(jù)修改否則會出現(xiàn)死循環(huán)

7、beforeDestroy

實例被銷毀之前會執(zhí)行的函數(shù)，做善后的工作，清除計時器，清除非指令綁定的事件等等

8、destroyed

實例被銷毀后會執(zhí)行的函數(shù)，也可以做善后工作。

<template>
  <div class="hello">
   Hello World!
  </div>
</template>
<script>
export default {
  name: "HelloWorld",
  data() {
    return {
      msg: "Welcome to Your Vue.js App"
    };
  },
  beforeCreate: function() {
    console.log("data屬性光聲明沒有賦值的時候");
  },
  created: function() {
    console.log("data屬性完成了賦值");
  },
  beforeMount: function() {
    console.log("頁面上的{{name}}還沒有被渲染成真正的數(shù)據(jù)");
  },
  mounted: function() {
    console.log("頁面上的{{name}}被渲染成真正的數(shù)據(jù)");
  },
  beforeUpdate: function() {
    console.log(" 數(shù)據(jù)（data屬性）更新之前會執(zhí)行的函數(shù)");
  },
  updated: function() {
    console.log("數(shù)據(jù)（data屬性）更新完會執(zhí)行的函數(shù)");
  },
  beforeDestroy: function() {
    console.log("實例被銷毀之前會執(zhí)行的函數(shù)");
  },
  destroyed: function() {
    console.log("實例被銷毀后會執(zhí)行的函數(shù)");
  }
};
</script>

<style scoped>
</style>
console這樣一個輸出順序：

大概這樣一個 生命周期鉤子函數(shù)執(zhí)行的順序，包括我之前是用angular開發(fā)跟vue一樣 他也有自己的生命周期鉤子函數(shù)。

生命周期簡單來說就是一個組件從創(chuàng)建到初始化到銷毀的一個過程，在這個過程中有這些生命周期鉤子函數(shù)我們可以更方便的去操作整一個組件。

以上是“vue中生命周期鉤子函數(shù)有哪些”這篇文章的所有內容，感謝各位的閱讀！希望分享的內容對大家有幫助，更多相關知識，歡迎關注創(chuàng)新互聯(lián)網(wǎng)站制作公司行業(yè)資訊頻道！

分享標題：vue中生命周期鉤子函數(shù)有哪些-創(chuàng)新互聯(lián)
文章鏈接：http://vcdvsql.cn/article48/epoep.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供虛擬主機、微信公眾號、做網(wǎng)站、定制網(wǎng)站、網(wǎng)站策劃、動態(tài)網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)