美文网首页
Vue生命周期和钩子函数

Vue生命周期和钩子函数

作者: Nkero | 来源:发表于2019-07-19 15:01 被阅读0次
var vm = new Vue({
  el:"#app",
  beforeCreate(){
    console.log("初始化了生命周期");
  },
  created(){
    console.log("初始化了活动对象");
    console.log("在这个钩子函数中通常进行ajax请求")
  },
  beforeMount(){
    console.log("进入渲染函数,但还没有渲染");
  },
  mounted(){
    console.log("模版渲染完成");
    console.log("可以在此进行DOM操作")
  },
  beforeUpdate(){
    console.log("数据发生了变化,但是还没有完成");
  },
  updated(){
    console.log("数据发生变化了,并且已经完成了");
   },
  activated(){
    console.log("keep-alive组件被激活");
  },
  deactivated(){
    console.log("切换组件的时候被触发");
  },
  beforeDestroy(){
    console.log("vue实例销毁前触发");
  },
  destroyed(){
    console.log("vue实例已经销毁");
  }
});

相关文章

  • Vue的生命周期与钩子函数

    完整的Vue生命周期和钩子函数

  • vue 获取节点 获取事件

    vue 生命周期 什么是钩子函数 一开始就执行的 就是钩子函数 vue 钩子函数 也称作为生命周期 befor...

  • 详细的分析 Vue生命周期

    Vue 的生命周期 生命周期执行的函数叫法有三种: 生命周期钩子 生命周期函数 钩子函数 生命周期钩子概念: 在v...

  • 深入浅出Vue生命周期钩子函数

    首先,先展示官方的Vue生命周期钩子函数的图示 在Vue2.0+版本,一个Vue实例共有以下八个生命周期钩子函数 ...

  • 学习链接

    vue-router教程总结 vue生命周期和钩子函数 详解vue生命周期 Vue2.0八——知识点整理 vuex...

  • 什么是生命周期钩子函数?

    new Vue()调用$Mount 生命周期钩子函数应用:

  • Vue-计算属性和监听属性

    thiking 熟记Vue生命周期内的各个钩子函数以及其相应的对比和用法 计算属性(钩子函数--computed)...

  • Vue生命周期

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

  • vue生命周期分析

    无论是面试也好还是做项目中也好,Vue生命周期钩子函数都是特别重要的;下面是给大家总结的vue生命周期每个钩子函数...

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

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

网友评论

      本文标题:Vue生命周期和钩子函数

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