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

vue学习第二季

时间:2019-06-05 20:02:29      阅读:92      评论:0      收藏:0      [点我收藏+]

标签:传递   ini   函数调用   tst   temp   构造   ack   也会   组件   

vue.directive  自定义指令

vue.extend   构造器的延伸(用于不需要传递参数的模板)

vue.set   全局操作

生命周期钩子函数

  在beforeCreate钩子函数调用时,获取不到props或者data中的数据,因为这些数据额初始化都在initState中。

  然后执行created钩子函数,在这一步的时候已经可以访问到之前不能访问的数据,但是这时候组件还没被挂载,所以看不到。

  接下来执行beforeMount钩子函数,开始创建VDOM,最后执行mounted钩子,并将VDOM渲染成真是的DOM并且渲染数据。组件中如果有子组件,会递归挂载子组件,只有当所有子组件全部挂载完毕,才会执行跟组件的挂载钩子。

  接下来是数据更新时会调用的钩子函数beforeUpdateUpdated,分别是数据更新前和数据更新后用

  keep-alive独有的生命周期,分别为activateddeactivated,用keep-alive包裹的组件在切换时不会进行销毁,而是缓存到内存中执行deactivated钩子函数,命中缓存渲染后执行actived钩子函数。

  最后是销毁组件的钩子函数brforeDestroydestroyed。前者适合移除事件、定时器等,否则可能会引起内存泄露问题。然后进行一系列的销毁操作,如果有子组件的话,也会递归销毁子组件,所有子组件都销毁完毕后执行根组件的destroyed钩子函数。

template:模板

component:组件

  

 

vue学习第二季

标签:传递   ini   函数调用   tst   temp   构造   ack   也会   组件   

原文地址:https://www.cnblogs.com/xiaohaha668/p/10981221.html

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