vue 中 App.vue的mounted执行2次

刚刚在项目中发现刷新页面时App.vue的mounted中的函数会执行2次,用的是微信开发工具
具体情况是这样的
https://img.mukewang.com/5c9087bb0001717205590265.jpg

直接点击刷新按钮,则会执行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>


慕斯709654
浏览 3192回答 2
2回答

不负相思意

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

慕沐林林

keep-alive 有缓存的功能,你可以再仔细阅读一下官方的文档
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript