vue学习第二季

Posted 2021-12-22 xiaohaha668

vue.directive  自定义指令

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

vue.set   全局操作

生命周期钩子函数

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

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

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

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

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

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

template：模板

component：组件