码迷,mamicode.com
首页 > 其他好文 > 详细

vue的生命周期 created mounted等

时间:2019-10-23 15:16:15      阅读:88      评论:0      收藏:0      [点我收藏+]

标签:before   computed   其它   数据   func   bsp   info   技术   created   

生命周期

beforeCreate

在实例初始化之后,数据观测和event/watcher时间配置之前被调用

created

页面加载之前执行,在实例创建完成后被立即调用。执行顺序:父组件-子组件 可以执行多次  因为执行	   
created钩子函数的时候,页面还没有渲染出来,所以如果在此操作dom元素,一定会找不到相关元素,会报错。
在created 接受数据,然后$nextTick(function(){做swiper初始化}),
created的时候data数据生成了,可以把数据挂载到vue的data上面了。vue请求初始化数据放在这里

beforeMount

在挂载开始之前被调用

mounted

页面加载完成后执行。执行顺序:子组件-父组件   在mounted里面的都是钩子函数 可以直接操作dom节点   生命周期--钩子  页面初始化  
mounted在整个vue实例的生命周期中只执行一次!!在页面第一次加载完成后才会被调用出来。在mounted中发起后端请求,拿回数据,配合路由钩子做一些事情。

beforeUpdate

updated

activated

deactivated

beforeDestroy

destroyed

errorCaptured

 

methods:事件方法执行

watch:watch是去监听一个值的变化,然后执行相对应的函数。

computed:computed是计算属性,也就是依赖其它的属性计算所得出最后的值

技术图片

vue的生命周期 created mounted等

标签:before   computed   其它   数据   func   bsp   info   技术   created   

原文地址:https://www.cnblogs.com/677a/p/11726380.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!