了解vue.js的生命周期函数四个生命周期函数两个运行中的事件

了解vue的生命周期函数和运行中事件,有助于我们更好地使用vue

具体代码文件

生命周期

四个生命周期函数

  • beforeCreate

第一个生命周期函数,表示实例已经创建,但 data 和 methods 还没有被初始化

  • created

第二个生命周期函数,能够获取data中的数据和methods中的方法

  • beforeMount

第三个生命周期函数,模板已经在内存中编译完成,但尚未渲染到页面中'

  • mounted

第四个生命周期函数, 内存中的模板已经渲染到页面,用户可以看到渲染好的页面

vue的生命周期函数

两个运行中的事件

可以监听数据的变动

运行中的事件.gif

  • beforeUpdate

data中的数据已经是最新的,而页面中显示的数据还是旧的,两者尚未同步

  • updated

此时,data中的数据与页面中的数据已经同步更新

如想了解更多的vue实例,请查阅我的vue笔记目录

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏Android干货

Android项目实战(四十):在线生成按钮Shape的网站

30010
来自专栏前端小叙

input框取消光标颜色手机端不生效

<style> input{ color:transparent; } </style> <input value="我要隐藏光标"> //文字颜色可以...

4596
来自专栏前端人人

React技巧3(如何优雅的渲染一个List)

本教程总共5篇,每日更新一篇,请关注我们!你可以进入历史消息查看以往文章,也敬请期待我们的新文章! 1.React 技巧1(状态组件与无状态组件的使用) --...

3855
来自专栏编程微刊

混合开发

1723
来自专栏听雨堂

为服务器控件加入客户端事件处理的几种方法

    服务器端的处理虽然方便,但因为每次都要PostBack,因而效率不高,很多时候需要为服务器端控件写入客户端事件处理。把各种方法总结一下:     1)在...

1978
来自专栏微信小程序开发

微信小程序开发-常见问题

知晓程序员,专注微信小程序开发的程序员! 好久没写文章,今天总结一下小程序开发过程中遇到的问题,有不对的地方,欢迎各位指正~ 1、域名必须是HTTPS 非HT...

5449
来自专栏十月梦想

响应式媒体查询media的用法

        media媒体查询响应式可以实现什么效果?对于不同尺寸的设备相应不同的样式,但是不能兼容移动和pc端的全响应兼容.

1242
来自专栏守望轩

Visual Studio 2008 每日提示(四)

#031、 把编辑器的背景变成黑色 原文地址:http://blogs.msdn.com/saraford/archive/2007/09/06/did-yo...

3255
来自专栏Python研发

购物时添加数量

951
来自专栏Youngxj

hislider自适应幻灯片焦点图-emlog插件

1734

扫码关注云+社区

领取腾讯云代金券