vue 中 App.vue的mounted执行2次

Question

刚刚在项目中发现刷新页面时App.vue的mounted中的函数会执行2次，用的是微信开发工具具体情况是这样的直接点击刷新按钮，则会执行2次mounted生命周期，若是清除缓存的再刷新的话只会触发一次mounted生命周期，测试代码中没有别的js函数，请问为什么会这样<template>  <div id="app">    <keep-alive>         <router-view/>    </keep-alive>   </div></template><script>export default {    data(){        return{            Wxconfig:{}        }    },   mounted(){      console.log('mounted')   },   methods:{         }}</script><style></style>

Answer 1

只能执行一次 你清除别的代码试试

Answer 2

keep-alive 有缓存的功能，你可以再仔细阅读一下官方的文档