vue.js中created方法做用
這是它的一個生命週期鉤子函數,就是一個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 是否有「控制器」的概念?答案是,沒有。組件的自定義邏輯能夠分佈在這些鉤子中。
生命週期圖示
下圖說明了實例的生命週期。你不須要立馬弄明白全部的東西,不過之後它會有幫助。