美文网首页
vue生命周期小结

vue生命周期小结

作者: 8d2855a6c5d0 | 来源:发表于2017-09-06 16:39 被阅读0次

    业务逻辑处理时机

    • created:异步的数据获取、初始化
    • mounted:挂载元素内dom节点的获取,初始数据的渲染
    • nextTick:更新数据后立即操作DOM
    • updated:任何数据的更新,如果要做同一的业务逻辑处理。
    • watch:监听具体数据变化,并做出相应的处理

    总结:created阶段可以获取到vue的data和methods,可以在这个阶段获取异步数据。
    mounted阶段dom才渲染完毕,适合初始的数据渲染。updated阶段,所有的数据更新都会触发updated,适合做数据的同一处理。数具体据更新后如果要操作DOM,使用vue.nextTick(),检测具体的数据可以使用watch。

    相关文章

      网友评论

          本文标题:vue生命周期小结

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