美文网首页
vue 生命周期函数

vue 生命周期函数

作者: 混吃等死小前端 | 来源:发表于2020-04-02 10:51 被阅读0次
//生命周期函数
        beforeCreate () {
            alert("这时实例还没有被创建,所以你无法知道data,也不能用watch监听")
        },
        created () {
            alert("这时实例已经创建,可以得到data,调用watch,但是页面还是空白的");
        },
        beforeMount () {
            alert("页面挂载前,此时页面依然是空白的。这时render函数首次被调用");
        },
        mounted () {
            alert("页面挂载了,这时你可以看到页面的内容,也可以访问到dom");
        },
        beforeUpdate () {
            alert("数据更新前,也就是虚拟dom打补丁前。这时访问到的dom还是原有的dom");
        },
        updated () {
            alert("数据已经更新完毕");
        },
        beforeDestroy () {
            alert("页面离开之前被调用,清除定时器,或者三方的一些dom结构");
        },
        destroyed () {
            alert("实例已经完全被销毁");
        },

相关文章

  • Vue学习笔记(12)-生命周期函数

    生命周期函数 生命周期函数代表的是Vue实例,或者是Vue组件,在网页中各个生命阶段所执行的函数。生命周期函数可以...

  • 😄--前端面试整理--VueJs

    1、Vue的指令都有哪些? 2、Vue的生命周期函数 3、除了生命周期函数还有哪些钩子函数 4、Vue组件是怎么进...

  • vue生命周期

    学习vue的生命周期 什么是生命周期函数? vue的生命周期函数(又称为钩子函数)是一个vue实例从开始创建,到初...

  • Vue生命周期函数调用的时间

    vue的生命周期函数有11个,常用的8个生命周期函数必须要掌握

  • vue基础知识精讲

    一、Vue实例生命周期函数 生命周期函数是vue实例在某一个时间点会自动执行的函数。 测试一下: 二、Vue的模板...

  • 了解vue.js的生命周期函数

    了解vue的生命周期函数和运行中事件,有助于我们更好地使用vue 具体代码文件 四个生命周期函数 beforeCr...

  • Vue生命周期

    Vue生命周期详解 一、Vue生命周期 与 作用 (生命周期钩子就是生命周期函数) (1)Vue生命周期:每个Vu...

  • Vue 生命周期

    生命周期函数 生命周期函数就是 Vue 实例在某一个时间点会自动执行的函数 简单来说就是,钩子(生命周期函数)就好...

  • vue的生命周期

    了解vue的生命周期函数和运行中事件,有助于我们更好地使用vue 四个周期函数: beforeCreate :第一...

  • vue.js 生命周期

    Vue实例 生命周期函数流程 —— beforeCreate、created、beforeMount、mounte...

网友评论

      本文标题:vue 生命周期函数

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