vue学习第二季

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:组件

  

猜你喜欢

转载自www.cnblogs.com/xiaohaha668/p/10981221.html