vue的生命周期

我用到的vue中生命周期相关的有：created,mounted,updated,activited,destroyed。

created

在页面创建的时候调用，且仅执行一次。此时页面的DOM元素还未生成，若在created中执行document.getElementsByClassName(‘name’)将得不到任何数据。

mounted

针对页面钩子触发顺序为：created-> mounted-> activated。
针对组件，在元素初次被渲染的时候调用，具体应用：若某一个组件v-if=false则表示该组件未被渲染过，当组件v-if=true初次被渲染的时候，调用该函数。注意，当v-if再次为false时mounted不会再被调用。

updated

当组件中有数据发生改变的时候即调用

activited

针对keep-alive标签，使用keep-alive在单页中前进后退只触发activited