美文网首页
常用的vue 生命周期钩子

常用的vue 生命周期钩子

作者: 这世间好折磨人 | 来源:发表于2022-03-29 16:39 被阅读0次

(1)、beforeCreate        组件实例创建之前    实例还没有创建出来所以this访问不到data和methods

(2)、created                实例创建之后  ---实例已经创建过了(一般请求在这里发)

(3)、beforeMount        模板/界面还没有加载出来

(4)、mounted                模板/界面 加载完了所以可以获取内容(最早可以操作 DOM 的地方        模板已经挂载了 所以可以获取 DOM  this.$refs.属性值)

(5)、beforeUpdate        更新之前

(6)、update                    更新之后

(7)、beforeUnmount        卸载之前/销毁之前

(8)、unmounted            卸载之后/销毁之后

(9)、activated                组件被激活时调用

(10)、deactivated            组件失灵时调用

相关文章

  • Vue易混淆知识点

    Vue生命周期常用钩子函数:beforeCreate、created(this.$data)、beforeMoun...

  • 2.vue生命周期钩子

    Vue的生命周期钩子

  • Vue (2.x)生命周期

    注: 本文摘抄自vue官网,侵删。 生命周期图示 vue官网的生命周期图示如下 生命周期钩子 所有生命周期钩子自动...

  • vue生命周期

    一 vue生命周期 Vue的生命周期:就是vue实例从创建到销毁的全过程 二 vue生命周期钩子 vue生命周期...

  • 详细的分析 Vue生命周期

    Vue 的生命周期 生命周期执行的函数叫法有三种: 生命周期钩子 生命周期函数 钩子函数 生命周期钩子概念: 在v...

  • vue 获取节点 获取事件

    vue 生命周期 什么是钩子函数 一开始就执行的 就是钩子函数 vue 钩子函数 也称作为生命周期 befor...

  • Vue生命周期

    Vue生命周期详解 一、Vue生命周期 与 作用 (生命周期钩子就是生命周期函数) (1)Vue生命周期:每个Vu...

  • Vue生命周期中钩子函数整理

    什么是生命周期? Vue实例从创建到销毁的过程。 Vue钩子 Vue(2.x)的一个生命周期中有11个钩子,接下来...

  • 微信小程序的初体验——对比Vue

    一、生命周期 先贴两张图: vue生命周期 小程序生命周期 相比之下,小程序的钩子函数要简单得多。 vue的钩子函...

  • 深入浅出Vue生命周期钩子函数

    首先,先展示官方的Vue生命周期钩子函数的图示 在Vue2.0+版本,一个Vue实例共有以下八个生命周期钩子函数 ...

网友评论

      本文标题:常用的vue 生命周期钩子

      本文链接:https://www.haomeiwen.com/subject/jtcbdrtx.html