vue 中 App.vue的mounted执行2次

刚刚在项目中发现刷新页面时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 lang="less">

</style>

阅读 10.3k
2 个回答

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

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏