• 技术文章 >web前端 >Vue.js

    在vue中destroy是什么意思?

    青灯夜游青灯夜游2020-11-17 10:35:48原创54

    在vue中,destroy的意思为“销毁”,指代着vue实例的2个销毁阶段的生命周期函数beforeDestory()和destoryed();beforeDestory()表示销毁前,destoryed()表示销毁后。

    Vue生命周期是指vue实例对象从创建之初到销毁的过程,vue所有功能的实现都是围绕其生命周期进行的,在生命周期的不同阶段调用对应的钩子函数可以实现组件数据管理和DOM渲染两大重要功能。

    vue生命周期可以分为八个阶段,分别是:

    beforeCreate(创建前)、created(创建后)、beforeMount(载入前)、mounted(载入后)、beforeUpdate(更新前)、updated(更新后)、beforeDestroy(销毁前)、destroyed(销毁后)

    下面分别看看vue生命周期的这八个阶段:

    1、创建前(beforeCreate)

    对应的钩子函数为beforeCreate。此阶段为实例初始化之后,此时的数据观察和事件机制都未形成,不能获得DOM节点。

    2、创建后(created)

    对应的钩子函数为created。在这个阶段vue实例已经创建,仍然不能获取DOM元素。

    3、载入前(beforeMount)

    对应的钩子函数是beforemount,在这一阶段,我们虽然依然得不到具体的DOM元素,但vue挂载的根节点已经创建,下面vue对DOM的操作将围绕这个根元素继续进行;beforeMount这个阶段是过渡性的,一般一个项目只能用到一两次。

    4、载入后(mounted)

    对应的钩子函数是mounted。mounted是平时我们使用最多的函数了,一般我们的异步请求都写在这里。在这个阶段,数据和DOM都已被渲染出来。

    5、更新前(beforeUpdate)

    对应的钩子函数是beforeUpdate。在这一阶段,vue遵循数据驱动DOM的原则;beforeUpdate函数在数据更新后虽然没立即更新数据,但是DOM中的数据会改变,这是Vue双向数据绑定的作用。

    6、更新后(updated)

    对应的钩子函数是updated。在这一阶段DOM会和更改过的内容同步。

    7、销毁前(beforeDestroy)

    对应的钩子函数是beforeDestroy。在上一阶段vue已经成功的通过数据驱动DOM更新,当我们不在需要vue操纵DOM时,就需要销毁Vue,也就是清除vue实例与DOM的关联,调用destroy方法可以销毁当前组件。在销毁前,会触发beforeDestroy钩子函数。

    8、销毁后(destroyed)

    对应的钩子函数是destroyed。在销毁后,会触发destroyed钩子函数。

    vue的生命周期的思想贯穿在组件开发的始终,通过熟悉其生命周期调用不同的钩子函数,我们可以准确地控制数据流和其对DOM的影响;vue生命周期的思想是Vnode和MVVM的生动体现和继承。

    相关推荐:

    2020年前端vue面试题大汇总(附答案)

    vue教程推荐:2020最新的5个vue.js视频教程精选

    更多编程相关知识,请访问:编程教学!!

    以上就是在vue中destroy是什么意思?的详细内容,更多请关注php中文网其它相关文章!

    本文原创发布php中文网,转载请注明出处,感谢您的尊重!
    上一篇:vue.js判断对象是否为空的方法是什么 下一篇:vuex的五个属性是什么
    第14期线上培训班

    相关文章推荐

    • vuetify是什么框架?• 如何用npm安装vue.js?• Vue.js前端框架有哪些特点• 教你基于Laravel+Vue组件实现文章发布、编辑和浏览功能• vue中computed和watch的区别是什么?

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网