在Vue開發中,我們經常需要在組件創建時執行一些初始化操作,這時就可以使用vue創建函數中的created參數。該參數是一個生命周期鉤子函數,在組件實例創建完成后立即執行,此時組件DOM節點還未被渲染,所以我們可以在這里對數據進行預處理或進行一些異步操作。
export default {
data () {
return {
desc: 'hello,world!'
}
},
created () {
console.log('組件已創建!')
this.asyncGetData().then((res) =>{
this.desc = res.desc
})
},
methods: {
asyncGetData () {
return new Promise((resolve) =>{
setTimeout(() =>{
resolve({
desc: 'Welcome to Vue!'
})
}, 1000)
})
}
}
}
在上述代碼中,我們可以看到created方法和asyncGetData方法的實現。在created函數中,我們使用了異步操作來獲取數據,并將獲取的數據設置到組件實例的data中。
需要注意的是,除了created方法之外,Vue組件中還有其他多個生命周期鉤子函數,如beforeCreate、mounted、updated等,它們都有自己的執行時機和特點,需要根據具體情況來選擇使用。