zoukankan      html  css  js  c++  java
  • vue生命周期

    现在很容易见到生命周期这个概念,简单点来理解就是就是某个时间点,就会运行对应的程序,生动来说就是如果按照人的一生的各个阶段来做事情,那我们会更清晰,更优效率,更重要的是,每个阶段都有一些可以做的不可以做的,我们学习代码的生命周期就是找出每个阶段,它允许我们做什么。

    官方生命周期视图:

    beforeCreate
    created 数据响应构建完毕 数据请求
    beforeMount
    mounted DOM渲染完毕 绑定事件
    beforeDestroy 销毁前的处理,比如自己绑定的事件
    destroyed

    生命周期 数据 DOM 事件
    created 初始化完毕 可以操作数据
    mounted 渲染完毕 可以操作DOM 可以绑定
    beforeDestroy 自绑定事件在这手动销毁

    一般在created初始化数据,比如axios这些,这样可以避免在渲染完毕后,mounted时修改数据触发视图再更新一次

    这里还有一个小技巧,在编写页面需要一些数组的非响应操作,比如你想用一个元素重复填充数组某个长度

    this.arr.length = n
    this.arr.fill(obj)
    

    但是别忘记联调后记得去掉

  • 相关阅读:
    个人冲刺8
    个人冲刺7
    个人冲刺6
    个人冲刺5
    个人冲刺4
    个人冲刺阶段3
    个人冲刺阶段2
    课下作业1-扩展阅读
    随手快递app开发的第四天
    随手快递app开发的第三天
  • 原文地址:https://www.cnblogs.com/sefaultment/p/10423471.html
Copyright © 2011-2022 走看看