首頁  >  文章  >  web前端  >  vue什麼時候用created

vue什麼時候用created

WBOY
WBOY原創
2022-02-15 15:03:214461瀏覽

在vue中,created鉤子函數會在實例被創建之後被調用,created是一個生命週期鉤子函數,一個vue實例被生成之後每一個階段都會有一個鉤子函數,方便在不同的階段處理不同的邏輯,一般可以在created函數中呼叫ajax來取得資料。

vue什麼時候用created

本文操作環境:windows10系統、Vue2.9.6版,DELL G3電腦。

vue在什麼時候用created

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中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn