美文网首页vue.js
vue 生命周期 钩子函数

vue 生命周期 钩子函数

作者: 遥啊遥啊遥啊 | 来源:发表于2018-06-25 14:13 被阅读0次

beforecreated: 创建前的状态,所有的东西都还没初始化

created: data数据完成初始化,el还没有

beforemount: data数据和el都完成初始化,但是里面的数据还没呈现出来,也就是占了一个位置

mounted: 完成挂载



beforeupdate: 数据更新前的状态(看看就行)

updata: 数据更新完成的状态,已被渲染挂载


app.$destroy():进行销毁

beforedestroy:销毁前的状态

destroyed:销毁完成的状态


注意:销毁后再去更改数据,VUE也不会响应了(el指的是new一个vue实例)

例:

new Vue({

     el:'#app',

     router,(路由)

     store,(状态机)

     render: h => h(App)   (渲染视图,这里是es6的写法,箭头函数)

})

相关文章

  • vue 获取节点 获取事件

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

  • 详细的分析 Vue生命周期

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

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

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

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

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

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

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

  • Vue生命周期

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

  • vue生命周期分析

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

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

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

  • vue生命周期

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

  • 生命周期

    生命周期: 1、又名:生命周期回调函数、生命周期函数、生命周期钩子。 2、是什么:Vue在关键...

网友评论

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

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