vue生命周期钩子函数

1. 在学习自定义指令之前我们需要了解什么是钩子函数，钩子函数和自定义指令有什么关系，还有自定义指令的使用范畴。不知到还记不记得vue实例的时候的这个图，vue的声明周期图示，其中vue提供了有八个钩子函数，用于对vue页面加载过程的控制，首先声明vue实例，我们通过图示可以看到vue的初始化事件和初始化生命周期后紧跟这beforeCreate,在实例初始化之后，数据观测 (data observer) 和 event/watcher 事件配置之前被调用。而在beforeCreate钩子函数之后vue初始化injections与reactivity其中injections的英文翻译是注射，我更倾向于他的另一个解释注入reactivity的英文翻译为反应性至于vue里面这两个有什么作用不是我的学习范畴，有兴趣的可以去看看，再往下看我们看到了created钩子函数，在实例创建完成后被立即调用。在这一步，实例已完成以下的配置：数据观测 (data observer)，属性和方法的运算，watch/event 事件回调。然而，挂载阶段还没开始，$el 属性目前不可见。这是我们最常用到的钩子函数，对于写vue加载函数的应该很属性这个它发生在组件在页面引用之前，也就是说页面还没加载时它就已经准备就绪了，接着vue检查是否含有el没有el时当页面中加载到el才执行下一步，检查页面是否含有template,如果含有则编译模板进入渲染函数否则将el的outerHTML编译为模板这是我百度的outerHTML的含义设置或获取对象及其内容的HTML形式随后进入下一个钩子函数beforeMount之后创建虚拟机。在挂载开始之前被调用：相关的 render 函数首次被调用。该钩子在服务器端渲染期间不被调用。$el并用它替换“el”然后执行下一个钩子函数mountedel 被新创建的 vm.$el 替换，并挂载到实例上去之后调用该钩子。如果 root 实例挂载了一个文档内元素，当 mounted 被调用时 vm.$el 也在文档内.注意 mounted 不会承诺所有的子组件也都一起被挂载。如果你希望等到整个视图都渲染完毕，可以用 vm.$nextTick 替换掉 mounted：该钩子在服务器端渲染期间不被调用进入下一步装载，