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

一般可以在created函數(shù)中調(diào)用ajax獲取頁面初始化所需的數(shù)據(jù)。

實例生命周期

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

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

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

生命周期圖示

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

?

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。