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

    vue生命后期有以下几个:

    beforeCreated

    created

    beforeMounted

    mounted

    beforeUpdated

    updated

    beforeDestroyed

    destroyed

    共以上八个

    1.在beforeCreate和created之间,进行数据观测(data observer) ,也就是在这个时候开始监控data中的数据变化了,同时初始化事件

    2.

           

    created之后会判断有没有 el ,如果没有的话,则停止编译,停止生命周期,直到vm.$mount(el)。

    如果有 el 的话,继续执行编译过程。

     3.

     template参数

    1.如果Vue实例对象中有template参数选项,则将其作为模板编译成render函数
    2.如果没有template参数选项,则将外部的HTML作为模板编译(template),也就是说,template参数选项的优先级要比外部的HTML高
    3.如果1,2条件都不具备,则报错
    如果模板同时放在template参数选项和外部HTML中,则执行的是在template参数选项中的,因为template的优先级高于外部HTML的优先级

    过程:

            Vue通过el参数去找到对应的template。然后,根据el参数给出的“选择器”,首先去Vue实例对象本身的template选项参数中找,

    如果没有template参数,则到外部HTML中寻找,找到后将模板编译成render函数

     在Vue中,数据更改会导致虚拟 DOM 重新渲染,并先后调用beforeUpdate钩子函数和updated钩子函数

    参考:https://www.cnblogs.com/penghuwan/p/7192203.html#_label0

  • 相关阅读:
    单向链表的创建、输出、插入、删除
    linux文件管理指令
    二叉树的创建与遍历(递归)
    小工具
    排序
    Project Euler Problem (1~10)
    福大软工 · 最终作业
    福大软工 · 第十二次作业
    Beta冲刺 7
    Beta冲刺 6
  • 原文地址:https://www.cnblogs.com/150536FBB/p/11309108.html
Copyright © 2011-2022 走看看