每个钩子函数都在啥时间触发
beforeCreate
created
beforeMount
mounted
beforeUpdate
updated
当这个钩子被调用时,组件 DOM 已经更新,所以你现在可以执行依赖于 DOM 的操作。然而在大多数情况下,你应该避免在此期间更改状态,因为这可能会导致更新无限循环。
该钩子在服务器端渲染期间不被调用。
beforeDestroy
destroyed
如果用 keep-alive 来实现缓存的话 还有 activated 这个钩子, 意思是当页面重新打开新的页面的时候就会触发。相对的,当页面隐藏或者另外一个页面替换掉这个页面的时候也会触发deactivated这个钩子,exclude 参数的意思是指 那个组件不缓存,值是组件的名字
<template>
<div id="app">
<keep-alive exclude="Detail">
<router-view/>
</keep-alive>
</div>
</template>