美文网首页
Vue - 生命周期

Vue - 生命周期

作者: 恒星的背影 | 来源:发表于2019-07-04 15:46 被阅读0次

生命周期钩子

beforeCreated:
实例初始化之后,this 指向创建的实例。不能使用 data 和 methods 上的数据和方法。
常用于初始化非响应式变量。

created:
实例创建完成,可以访问 data 和 methods。未挂载到 dom,不能使用 $el。

beforeMount:

mounted:
实例挂载到 dom 上,此时可以使用 dom api 获取元素。

beforeUpdate
updated

beforeDestroy
destroyed

数据请求放在前4个钩子函数中都可以。

父子组件:

子组件在父组件的 beforeMount 之后开始初始化。
props 变化时:

parent-beforeUpdate
  child-beforeUpdate
  child-Updated
parent-Updated

父组件销毁时:

parent-beforeDestroy
  child-beforeDestroy
  child-Destroyed
parent-Destroyed

参考目录

vue 生命周期深入 - 前端 - 掘金

相关文章

  • vue生命周期

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

  • vue生命周期

    vue生命周期详: vue生命周期详解图: vue生命周期详解代码展示:

  • Vue生命周期

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

  • vue3较vue2的特别之处 - 生命周期

    vue2 生命周期 vue3 生命周期 将 Vue2 的生命周期钩子代码更新到 Vue3 参考地址:https:/...

  • 前端之路-VUE面试题

    vue生命周期面试题vue 生命周期是什么? Vue 实例从创建到销毁的过程,就是生命周期 beforeCreat...

  • Vue.js入门(二):生命周期

    1 生命周期 Vue生命周期是Vue实例从创建到销毁的过程,就是生命周期。在Vue实例的生命周期过程中会运行生命周...

  • vue生命周期

    vue里的生命周期是什么? vue实例从创建到销毁的过程称之为vue的生命周期 vue的生命周期各阶段都做了什么?...

  • Vue 生命周期

    vue里的生命周期是什么? vue实例从创建到销毁的过程称之为vue的生命周期 vue的生命周期各阶段都做了什么?...

  • vue学习记录

    vue全家桶 vue生命周期 生命周期的理解 新建项目 ①:cnpm install vue-cli -g (全...

  • Vue生命周期

    Vue生命周期 1、什么是vue生命周期? 答: Vue 实例从创建到销毁的过程,就是生命周期。也就是从开始创建、...

网友评论

      本文标题:Vue - 生命周期

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