博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Vue的生命周期
阅读量:5279 次
发布时间:2019-06-14

本文共 1636 字,大约阅读时间需要 5 分钟。

生命周期函数就是Vue实例在某一时间点会自动执行的函数

//当创建Vue实例的时候,Vue进行基础创建之后自动调用 beforeCreate                beforeCreate: function(){                    console.log("beforeCreate")                },                //当调用beforeCreate之后,会进行外部绑定和注入,                //就会执行created                created:function(){                    console.log("created")                },                //Vue的初始化基本结束了,然后询问这个Vue实例是否有 el 属性,                //然后询问有没有template这个属性,没有就把el属性的id里对应的HTML元素的内容当做模板进行渲染,也就是我们现在写的这个                //在页面渲染之前,beforeMount                beforeMount:function(){                                     console.log("beforeMount:数据被挂载",this.$el)                },                //执行beforeMount后,数据会被挂载到页面上                //渲染之后,会执行函数 mounted                mounted:function(){                             console.log("mounted:数据被渲染",this.$el)                },                //当执行完mounted,数据被渲染到页面上                                                                                                //当数据发生改变,还没有渲染之前                beforeUpdate:function(){                    console.log("beforeUpdate")                },                //当数据重新渲染之后,会执行update                updated:function(){                    console.log("updated")                },                                                    //当调用 app.$destroyed(),先调用beforeDestroy,在调用destroyed,最后undefined销毁                beforeDestroy:function(){                    console.log("beforeDestroy")                },                destroyed:function(){                                        console.log("destroyed")                }

 

转载于:https://www.cnblogs.com/yubaibai/p/10701269.html

你可能感兴趣的文章
Pyltp使用
查看>>
Java8函数之旅 (七) - 函数式备忘录模式优化递归
查看>>
移植LWIP(ENC28J60)
查看>>
无标题
查看>>
vue+element下拉框样式的点击按钮
查看>>
Vue+element 解决浏览器自动填充记住的账号密码问题
查看>>
c++中减字符0的作用(转)
查看>>
今日嗅评:百度金融挖了一线实操的干将,这比高薪聘请大行长实在多了
查看>>
Linux 基本收集
查看>>
JS框架设计读书笔记之-选择器引擎02
查看>>
html5——web字体
查看>>
锋利的jQuery-7--query ui效果库--拖动排序插件sortable
查看>>
MVC神韵---你想在哪解脱!(十二)
查看>>
java 获取类路径
查看>>
圆方树学习笔记
查看>>
Database.SetInitializer的几种参数
查看>>
多线程的通信方法
查看>>
Emgucv(一)Aforge切换摄像头并调用摄像头属性
查看>>
AutoCAD® Civil 3D API需求意愿调查
查看>>
Python的学习(二十一)----Python的静态变量
查看>>