本文详细介绍了Vue2和Vue3的生命周期函数变化，包括beforeCreate到销毁阶段的各个阶段，并提到了setup函数在Vue3中的新角色。此外，还讲解了计算属性和监听属性的使用，特别是深度监听的实现方式。最后，概述了Vue内部的基本指令，如v-for、v-if/v-show、v-bind和v-model等。
一、vue2生命周期函数
vue2里一共有11个生命周期函数，从vue创建、运行、到销毁总是伴随着各种事件，这些事件就称为生命周期.
分别是创建、挂载、更新到销毁
【常用的】
⑴【beforecreate】实例创建前。
vue完全创建之前，会自动执行这个函数。
⑵【Created】实例创建后。
这也是个生命周期函数，beforecreate执行完后会自动执行它。其中data的值是由在created中请求并初始化的。
⑶【beforemount】组件挂载前。
模板即将挂载到页面的一瞬间会执行beforemount
⑷【Mounted】组件挂载后
挂载完成，也就是模板中的html渲染到了html页面中，此时一般可以做一些ajax操作。
mounted只会执行一次。
⑸【beforeupdate】视图更新前
数据发生改变，还没有渲染之前beforeupdate会执行
⑹【updated】视图更新后
当数据更新完重新渲染时，updated这个函数会执行。
⑺【beforedestroy】失礼销毁前
钩子函数在实例销毁之前调用。在这一步，实例仍然完全可用。
⑻【Destroy】实例销毁后
做收尾工作，在结束之后做一些事情，比如定时器和全局更新要在这里销毁。
【不常用】
⑼①【activeted】被keep-alive缓存的组件激活时调用
⑽②【deactiveted】 没有被激活时调用
⑾③【errorCaotured】捕捉子组件的错误时调用⑴
如果不想让它报错就return false(不推荐)
二、vue3生命周期函数
⑴【beforecreate】-------&g
最低0.47元/天 解锁文章
扫一扫
661