僅僅為了方便學(xué)習(xí)記錄信息，未有其他用途咱圆。（采摘）
與 2.x 版本生命周期相對(duì)應(yīng)的組合式 API
- beforeCreate -> 使用 setup()
- created -> 使用 setup()
- beforeMount -> onBeforeMount
- mounted -> onMounted
- beforeUpdate -> onBeforeUpdate
- updated -> onUpdated
- beforeDestroy -> onBeforeUnmount
- destroyed -> onUnmounted
- errorCaptured -> onErrorCaptured
- 新增:調(diào)試鉤子函數(shù)：
- onRenderTracked
- onRenderTriggered
export default {
//v2
beforeCreate () {
console.log('beforeCreate()')
},
created () {
console.log('created')
},
beforeMount () {
console.log('beforeMount')
},
mounted () {
console.log('mounted')
},
//v3
setup() {
onBeforeMount(() => {
console.log('--onBeforeMount')
})
onMounted(() => {
console.log('--onMounted')
})
onRenderTriggered(e) {
debugger
// 檢查哪個(gè)依賴性導(dǎo)致組件重新渲染
},
return {}
}
}
Composition API(手寫)<===========================>配置vue.config
