vue3 生命周期06

众所周知，vue2有生命周期，而vue3也有

而vue2的created和beforecreated在vue3中都由setup替代了

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31

<code-pre class="code-pre" id="pre-CFx22K"><code-line class="line-numbers-rows"></code-line><script setup lang="ts"> <code-line class="line-numbers-rows"></code-line>import { onBeforeMount, onMounted, onBeforeUpdate, onUpdated,onBeforeUnmount,onUnmounted } from 'vue' <code-line class="line-numbers-rows"></code-line>console.log('创建生命周期') <code-line class="line-numbers-rows"></code-line>onBeforeMount(() => { <code-line class="line-numbers-rows"></code-line>  console.log('挂载前') <code-line class="line-numbers-rows"></code-line>}) <code-line class="line-numbers-rows"></code-line>onMounted(() => { <code-line class="line-numbers-rows"></code-line>  console.log('挂载完毕') <code-line class="line-numbers-rows"></code-line>}) <code-line class="line-numbers-rows"></code-line>onBeforeUpdate(() => { <code-line class="line-numbers-rows"></code-line>  console.log('更新前') <code-line class="line-numbers-rows"></code-line>}) <code-line class="line-numbers-rows"></code-line>onUpdated(() => { <code-line class="line-numbers-rows"></code-line>  console.log('更新完毕') <code-line class="line-numbers-rows"></code-line>}) <code-line class="line-numbers-rows"></code-line>onBeforeUnmount(() => { <code-line class="line-numbers-rows"></code-line>  console.log('卸载前') <code-line class="line-numbers-rows"></code-line>}) <code-line class="line-numbers-rows"></code-line>onUnmounted(() => { <code-line class="line-numbers-rows"></code-line>  console.log('卸载完毕') <code-line class="line-numbers-rows"></code-line>}) <code-line class="line-numbers-rows"></code-line></script> <code-line class="line-numbers-rows"></code-line> <code-line class="line-numbers-rows"></code-line><template> <code-line class="line-numbers-rows"></code-line>  <div> <code-line class="line-numbers-rows"></code-line> <code-line class="line-numbers-rows"></code-line>  </div> <code-line class="line-numbers-rows"></code-line></template> <code-line class="line-numbers-rows"></code-line> <code-line class="line-numbers-rows"></code-line><style scoped></style> </code-pre>

　　

__EOF__

本文作者：userName
本文链接：https://www.cnblogs.com/wencaiguagua/p/18070965.html
关于博主：评论和私信会在第一时间回复。或者直接私信我。
版权声明：本博客所有文章除特别声明外，均采用 BY-NC-SA 许可协议。转载请注明出处！
声援博主：如果您觉得文章对您有帮助，可以点击文章右下角【推荐】一下。您的鼓励是博主的最大动力！