链接地址:
首先,每个Vue实例在被创建之前都要经过一系列的初始化过程,这个过程就是vue的生命周期。首先看一张图吧~这是官方文档上的图片相信大家一定都会很熟悉:
可以看到在vue一整个的生命周期中会有很多钩子函数提供给我们在vue生命周期不同的时刻进行操作, 那么先列出所有的钩子函数,然后我们再一一详解:
- beforeCreate
- created
- beforeMount
- mounted
- beforeUpdate
- updated
- beforeDestroy
- destroyed
先来一波代码,各位复制在浏览器中运行,打开console查看就行了:
vue生命周期学习 { {message}}
运行后打开console可以看到打印出来内容如
可以看到一个vue实例在创建过程中调用的几个生命周期钩子。