生命周期

程序员成长之旅 · 程序员成长之旅/Vue.js学习/Vue3 · 147 字

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 },