vue的生命周期总结

    科技2022-08-15  127

    new Vue({ el:".app", data(){ return{} }, methods:{}, filters:{},//过滤器 directives:{},//自定义指令 components:{},//组件 watch:{},//监听属性 computed:{},//计算属性 //beforeCreate生命周期函数执行时,data和methods中的数据和方法都还没有初始化 beforeCreate(){}, //在created中,data和methods都已经初始化好了,如果要操作data中的数据或是调用methods中的方法,最早只能在created中操作 created(){}, //beforeMount函数执行时,模板已经在内存中编译好了,但尚未挂载到页面中去,此时,页面还是旧的 beforeMount(){}, //mounted是在页面加载完成后执行的函数,如果要通过某些插件操作页面上的DOM节点,最早是在mounted中进行, //只要执行完了mounted,就表示整个Vue实例对象已经初始化完毕了,此时组件已经脱离创建阶段,进入运行阶段。 mounted(){}, //当执行beforeUpdate时,页面中显示的数据还是旧的,此时data中的数据是最新的,页面尚未和最新数据同步 beforeUpdate(){}, //updated执行时,页面和data数据已经保持同步,都是最新的 updated(){}, //当执行beforeDestroy钩子函数时,Vue实例就已经从运行阶段进入销毁阶段,此时, //组建中所有data、methods、以及过滤器,指令等,都处于可用状态,此时还未真正执行销毁过程 beforeDestroy(){}, //当执行destroyed函数时,组件已经被完全销毁,此时组建中所有data、methods、以及过滤器,指令等,都已经不可用了 destroyed(){} })

     

    Processed: 0.012, SQL: 9