人是有生命的,也是有周期这一个说法的婴儿 =>少年=>青年=>中年=>老年=>黄土
Vue也是有周期这一个说法的 它分为 创建=>挂载=>更新=>销毁
Vue - 钩子函数
Vue 框架内置函数,随着组件的生命周期阶段,自动执行
组件创建完毕后,可以在created 生命周期函数中发起Ajax 请求,从而初始化 data 数据
阶段 | 方法名 | 方法名 |
---|---|---|
初始化 | beforeCreate | created |
挂载 | beforeMount | mounted |
更新 | beforeUpdate | updated |
销毁 | beforeDestroy | destroyed |
下图展示了实例的生命周期。你不需要立马弄明白所有的东西,不过随着你的不断学习和使用,它的参考价值会越来越高。
-
如何知道Vue生命周期到达了什么阶段?
使用钩子函数 -
钩子函数有哪些?
初始化/ 挂载/ 更新/ 销毁
Vue-初始化阶段
含义讲解:
1.new Vue() – Vue实例化(组件也是一个小的Vue实例)
2.Init Events & Lifecycle – 初始化事件和生命周期函数
3.beforeCreate – 生命周期钩子函数被执行
4.Init injections&reactivity – Vue内部添加data和methods等
5.created – 生命周期钩子函数被执行, 实例创建
6.接下来是编译模板阶段 –开始分析
7.Has el option? – 是否有el选项 – 检查要