📦 归档笔记 — 原创建于 WizNote,仅作归档展示;观点以当年为准,非最新。

生命周期

创建时间2021-05-31最后修改2021-06-05原位置/程序员成长之旅/Vue.js学习/Vue3/字数147
目录:程序员成长之旅/Vue.js学习/Vue3

setup() { onMounted(() => { console.log('组件挂载1'); }); onMounted(() => { console.log('组件挂载2'); }); onUnmounted(() => { console.log('组件卸载'); }); onUpdated(() => { console.log('组件更新'); }); onBeforeUpdate(() => { console.log('组件将要更新'); }); onActivated(() => { console.log('keepAlive 组件 激活'); }); onDeactivated(() => { console.log('keepAlive 组件 非激活'); }); return {}; },

1 setup () { 2

onMounted (() => { 3

console . log ( '组件挂载1' ); 4 }); 5 6

onMounted (() => { 7

console . log ( '组件挂载2' ); 8 }); 9 10

onUnmounted (() => { 11

console . log ( '组件卸载' ); 12 }); 13 14

onUpdated (() => { 15

console . log ( '组件更新' ); 16 }); 17 18

onBeforeUpdate (() => { 19

console . log ( '组件将要更新' ); 20 }); 21 22

onActivated (() => { 23

console . log ( 'keepAlive 组件 激活' ); 24 }); 25 26

onDeactivated (() => { 27

console . log ( 'keepAlive 组件 非激活' ); 28 }); 29 30

return {}; 31 },