vue的生命周期 · 常用笔记 · 看云

NIUCLOUD是一款SaaS管理后台框架多应用插件+云编译。上千名开发者、服务商正在积极拥抱开发者生态。欢迎开发者们免费入驻。一起助力发展！广告

# vue的生命周期 ``` <pre class="calibre15">``` <span class="token2">export</span> <span class="token2">default</span> <span class="token1">{</span> name<span class="token1">:</span> <span class="token4">'Login'</span><span class="token1">,</span> <span class="token3">created</span> <span class="token1">(</span><span class="token1">)</span> <span class="token1">{</span> console<span class="token1">.</span><span class="token3">log</span><span class="token1">(</span><span class="token4">'登录页面被创建'</span><span class="token1">)</span> <span class="token1">}</span><span class="token1">,</span> <span class="token3">updated</span> <span class="token1">(</span><span class="token1">)</span> <span class="token1">{</span> console<span class="token1">.</span><span class="token3">log</span><span class="token1">(</span><span class="token4">'登录页面被更新'</span><span class="token1">)</span> <span class="token1">}</span><span class="token1">,</span> <span class="token3">beforeDestroy</span> <span class="token1">(</span><span class="token1">)</span> <span class="token1">{</span> console<span class="token1">.</span><span class="token3">log</span><span class="token1">(</span><span class="token4">'登录页面即将被销毁'</span><span class="token1">)</span> <span class="token1">}</span><span class="token1">,</span> <span class="token3">destroyed</span> <span class="token1">(</span><span class="token1">)</span> <span class="token1">{</span> console<span class="token1">.</span><span class="token3">log</span><span class="token1">(</span><span class="token4">'登录页面被销毁'</span><span class="token1">)</span> <span class="token1">}</span><span class="token1">,</span> <span class="token3">activated</span> <span class="token1">(</span><span class="token1">)</span> <span class="token1">{</span> console<span class="token1">.</span><span class="token3">log</span><span class="token1">(</span><span class="token4">'登录页面活跃'</span><span class="token1">)</span> <span class="token1">}</span><span class="token1">,</span> <span class="token3">deactivated</span> <span class="token1">(</span><span class="token1">)</span> <span class="token1">{</span> console<span class="token1">.</span><span class="token3">log</span><span class="token1">(</span><span class="token4">'登录页面不活跃'</span><span class="token1">)</span> <span class="token1">}</span> <span class="token1">}</span> ``` ```