對於實現頁面邏輯互動等效果，我們必須弄懂vue的生命週期，知道我們寫的東西應該掛載到**。vue官方api給了簡單的邏輯，如下:
所有的生命週期鉤子自動繫結this上，因此你可以訪問資料，屬性和方法進行運算，所以要特別注意的是不能使用箭頭函式來定義乙個生命週期方法(例如created: () => this.fetchtodos())。
下面附加一張生命週期圖示
詳解：特別說明:掛載完成就是頁面渲染完成
1. beforecreate
官方說明：在例項初始化之後，資料觀測(data observer) 和 event/watcher 事件配置之前被呼叫。
解釋：這個時期，this變數還不能使用，在data下的資料，和methods下的方法，watcher中的事件都不能獲得到,頁面也沒掛載；
2. created
官方說明：例項已經建立完成之後被呼叫。在這一步，例項已完成以下的配置：資料觀測(data observer)，屬性和方法的運算， watch/event 事件**。然而，掛載階段還沒開始，$el 屬性目前不可見。
解釋說明：這個時候可以操作vue例項中的資料和各種方法，但是還不能對"dom"節點進行操作；
3.beforemounte
官方說明：在掛載開始之前被呼叫：相關的 render 函式首次被呼叫。需要注意的是在這步，this.$el可以獲得。但僅僅獲得是dom節點，}裡的值並沒有渲染，詳見上圖控制台圖。
4.mounted
官方說明：el被新建立的vm.$el替換，並掛載到例項上去之後呼叫該鉤子。如果root例項掛載了乙個文件內元素，當mounted被呼叫時vm.$el也在文件內。
解釋說明：掛載完畢，這時dom節點被渲染到文件內，一些需要dom的操作在此時才能正常進行
mounted() ,vue生命週期，鉤子函式
一 vue生命週期簡介 咱們從上圖可以很明顯的看出現在vue2.0都包括了哪些生命週期的函式了，總結一下，對官方文件的那張圖簡化一下，就得到了這張圖。二 生命週期 對於執行順序和什麼時候執行，看上面圖基本有個了解了。下面我們將結合 去看看鉤子函式的執行。鉤子函式 1.create 和 mounted...
vue 生命週期（鉤子函式）
new vue 例項物件，下一步進入beforcreate 狀態 當使用new vue 建立物件之前，執行的事件 這裡可以做載入動畫 下一步，進入created 然後，他會檢測是否有el屬性，如果有在檢測template屬性型別，是一段渲染的函式還是一段html 然後就進入了beforemount狀...
vue生命週期鉤子函式
什麼是生命週期？vue中的生命週期指的是 元件 從建立到銷毀乙個過程，在這個過程中，我們在每乙個特定的階段會觸發一些方法 這些方法具備一些功能 我們給這些方法起了個名字叫做 生命週期鉤子函式 元件鉤子 為什麼要學習生命週期？因為我們想在生命週期鉤子中實現專案功能，那麼我們必須知道每乙個鉤子函式的具體...