在vue中,created鉤子函數會在實例被創建之後被調用,created是一個生命週期鉤子函數,一個vue實例被生成之後每一個階段都會有一個鉤子函數,方便在不同的階段處理不同的邏輯,一般可以在created函數中呼叫ajax來取得資料。
本文操作環境:windows10系統、Vue2.9.6版,DELL G3電腦。
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) } })
也有一些其它的鉤子,在實例生命週期的不同階段調用,如 mounted、 updated 、destroyed 。鉤子函數中的 this 指向呼叫它的 Vue 實例。有些童鞋可能會問 Vue.js 是否有「控制器」的概念?答案是,沒有。元件的自訂邏輯可以分佈在這些鉤子中。
【相關推薦:《vue.js教學》】
以上是vue什麼時候用created的詳細內容。更多資訊請關注PHP中文網其他相關文章!