這是它的一個生命周期鉤子函數，就是一個vue實例被生成后調用這個函數。一個vue實例被生成后還要綁定到某個html元素上，之后還要進行編譯，然后再插入到document中。每一個階段都會有一個鉤子函數，方便開發者在不同階段處理不同邏輯。

一般可以在created函數中調用ajax獲取頁面初始化所需的數據。

實例生命周期

每個 Vue 實例在被創建之前都要經過一系列的初始化過程。例如，實例需要配置數據觀測(data observer)、編譯模版、掛載實例到 DOM ，然后在數據變化時更新 DOM 。在這個過程中，實例也會調用一些?生命周期鉤子?，這就給我們提供了執行自定義邏輯的機會。例如，created?這個鉤子在實例被創建之后被調用：

var?vm =?new?Vue({data: {a:?1},created:?function?()?{// `this` 指向 vm 實例console.log('a is: '?+?this.a)}})// -> "a is: 1"

也有一些其它的鉤子，在實例生命周期的不同階段調用，如?mounted、?updated?、destroyed?。鉤子的?this?指向調用它的 Vue 實例。一些用戶可能會問 Vue.js 是否有“控制器”的概念？答案是，沒有。組件的自定義邏輯可以分布在這些鉤子中。

生命周期圖示

下圖說明了實例的生命周期。你不需要立馬弄明白所有的東西，不過以后它會有幫助。

?

總結

以上是生活随笔為你收集整理的vue的钩子函数created以及mounted的示意(转载)的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。