-
vue有一个生命钩子函数
8个钩子函数分别是:
//创建阶段 beforeCreat(){ //当VUE实例被创建出来,在内存中中分配空间就会执行,此时实例上没有任何属性和方法 //这里可做个loading事件 } created(){ //vue实例上面已经挂在了data中的所有属性和methods中所有的方法 //这里可以结束loading事件 //数据初始化,发送请求等 } //挂载阶段 beforemount(){ //视图模板已经在内存中但是编译完成,但是尚未渲染到页面中 } mounted(){ //所有指定都被解析完毕,视图已经渲染到界面中 //涉及到真实dom的操作就必须在这个函数中书写代码 } //运行阶段 beforeupdate(){ //data中数据已经被改变,但是还没有被重新渲染到界面中 } updated(){ //data中的数据已经被改变,同时也已经被重新渲染到界面上了 //应用场景 //当data中的数据发生改变时,需要执行其他业务逻辑处理,可以在此处书写代码 } //销毁阶段 beforeDestroy(){ //准备销毁VUE实例,此时vue实例上面data中的属性和methods中的方法还可以继续访问 //应用场景 //可以清楚一些不必要的数据防止内存泄漏 } destroyed(){ //vue实例已经被销毁,不能再进行任何相关操作 }
vue生命钩子函数理解
最新推荐文章于 2021-12-28 19:58:10 发布