美文网首页
vue相关问题

vue相关问题

作者: 鐵衣 | 来源:发表于2022-05-18 14:45 被阅读0次

1. vue生命周期

每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如,需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数,这给了用户在不同阶段添加自己的代码的机会。

  • create阶段:vue实例被创建
    beforeCreate: 创建前,此时data和methods中的数据都还没有初始化
    created: 创建完毕,data中有值,未挂载
  • mount阶段:vue实例被挂载到真实DOM节点
    beforeMount:可以发起服务端请求,去数据
    mounted: 此时可以操作DOM
  • update阶段:当vue实例里面的data数据变化时,触发组件的重新渲染
    beforeUpdate :更新前
    updated:更新后
  • destroy阶段:vue实例被销毁
    beforeDestroy:实例被销毁前,此时可以手动销毁一些方法
    destroyed: 销毁后
    加载渲染过程
    父beforeCreate->父created->父beforeMount->子beforeCreate->子created->子beforeMount->子mounted->父mounted
    父组件更新阶段
    父beforeUpdate->父updated
    子组件更新阶段
    父beforeUpdate->子beforeUpdate->子updated->父updated
    销毁阶段
    父beforeDestroy->子beforeDestroy->子destroyed->父destroyed

相关文章

  • Vue相关问题

    首先什么是mvvm: MVVM 是 Model-View-ViewModel的缩写。mvvm 是一种设计思想。Mo...

  • vue相关问题

    1. vue生命周期 每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如,需要设置数据监听、编译模板、...

  • 如果你在2018面试前端,那这篇文章最好看一看!

    前端问题记录 HTML相关 CSS相关 JAVASCRIPT相关 DOM相关 HTTP相关 VUE相关 算法相关 ...

  • Vue过渡相关问题

    先留一个坑,本篇主要讲述vue中过渡的一些细节和坑 记录的内容有一下几点: vue中普通的过渡效果仅仅是改变了动画...

  • 所有vue相关问题

    http://blog.csdn.net/lhb_11/article/details/71478478

  • vue input相关问题

    本文主要讲解input常见使用以及使用过程中遇到的问题。 1. input输入框禁止显示历史记录 在输入input...

  • vue面试相关问题

    目录 1.深入浅出Vue响应式原理[https://segmentfault.com/a/119000001970...

  • 问题汇总

    出现 vue-cli 相关问题 yarn add vue-cli 其他问题 部分使用过npm的同学运行了上述代码依...

  • 近期vue开发相关问题

    问题一: 子组件传值给父组件,当使用elementUI是,modal弹框中需要一个form表单,所以我把form表...

  • Vue相关问题(持续更新)

    title: Vue相关问题date: 2019-10-12 20:23:00updated: 2019-10-1...

网友评论

      本文标题:vue相关问题

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