美文网首页让前端飞
vue1.0与2.0区别之生命周期

vue1.0与2.0区别之生命周期

作者: sky丶星如雨 | 来源:发表于2017-11-01 10:44 被阅读0次

在vue的1.0版本中生命周期有如下七个,分别是:init(组件初始化)、created(组件创建)、beforeCompile(组件编译之前)、compiled(组件编译之后)、ready(组件准备)、beforeDestroy(组件销毁前)、destroyed(组件销毁完成)

1.0.png

在2.0中,vue的生命周期发生了一些变化。之前的init变成beforeCreate,然后是created表示实例已经创建,但是dom没生成,然后是beforeMount,替代了beforeCompile,表示组件挂载之前,然后是mounted来代替compiled和ready,还有的就是beforeDestroy和destroy。除此之外,还新增了两个钩子函数,一个是beforeUpdate,表示组件更新之前,还有就是updated,表示组件更新完毕。

2.0.png

本文转载自:http://blog.csdn.net/tank_in_the_street/article/details/72934119

相关文章

  • vue1.0与vue2.0路由的区别

    个人总结——vue1.0与vue2.0路由的区别 vue1.0 html部分———— 主页 跳转链接 ...

  • vue2.0与vue1.0中的区别1

    vue2.0与vue1.0中的区别1:每个组件模板中不在支持片段代码 在vue1.0 中的模板template中可...

  • vue学习大纲2-生命周期,计算属性

    实战:留言板 生命周期 钩子函数 vue1.0 生命周期 vue2.0 生命周期 生命周期图地址 防止闪烁的指令 ...

  • vue1.0与2.0区别之生命周期

    在vue的1.0版本中生命周期有如下七个,分别是:init(组件初始化)、created(组件创建)、before...

  • vue1.0与2.0的区别

    1.在绑定原生HTML时1.0 {{{message}}} 2.0 2.在标签里的属性中1.0 2.0 3.2....

  • vue1.0与2.0的区别

    本文的意义在于总结一些因为版本的更迭导致比较常见的地方引起错误,具体说明可以参考vue官网 目录 1、组件模板写法...

  • vue2.x————生命周期与钩子函数

    vue2.x————生命周期与钩子函数 前言 vue1.x 与 vue2.0的生命周期是有区别的,但基本上我们都是...

  • VUE初级入门实践

    VUE概述 生命周期 指令 内置指令 自定义指令 过滤器 内置过滤器 VUE1.0版本 VUE2.0版本(无内置过...

  • VUE的学习笔记

    vue和react的区别。 vue1.0是双向绑定的,vue2.0是单向绑定的,v-model是一个语法糖。rea...

  • vue生命周期和钩子函数

    vue1.0与2.x的区别: 这个运行中的html可以充分解释如上问题:

网友评论

    本文标题:vue1.0与2.0区别之生命周期

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