VUE--生命周期

Posted sweeneys

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了VUE--生命周期相关的知识,希望对你有一定的参考价值。

一.mounted

mounted

  • 类型:Function

  • 详细:

    el 被新创建的 vm.$el 替换,并挂载到实例上去之后调用该钩子。如果 root 实例挂载了一个文档内元素,当 mounted 被调用时 vm.$el 也在文档内。

    注意 mounted 不会承诺所有的子组件也都一起被挂载。如果你希望等到整个视图都渲染完毕,可以用 vm.$nextTick 替换掉 mounted

    mounted: function () {
    this.$nextTick(function () {
    // Code that will run only after the
    // entire view has been rendered
    })
    }

    该钩子在服务器端渲染期间不被调用。

二.说明

编译好的html挂载到页面后执行的事件钩子,此钩子函数中一般会做一些ajax请求获取数据,进行数据初始化。

注:mounted在整个实例中只执行一次。

 

参考资料

[1]https://segmentfault.com/a/1190000008570622







以上是关于VUE--生命周期的主要内容,如果未能解决你的问题,请参考以下文章

Android片段生命周期:onResume调用了两次

在不存在的片段上调用片段生命周期和 onCreate 的问题

导航上的片段生命周期重叠

Android 片段生命周期

关于片段生命周期,何时调用片段的 onActivityResult?

理解片段事务期间片段的生命周期方法调用