vue页面显示就执行某个函数，页面隐藏就执行某个函数

//info.vue
<template>
  <div id="info">
    我的info页面
  </div>
</template>
<script>
  export default {
    data() {
      return {
      }
    },
    methods: {},
    activated() {
      console.log('我这个页面显示就会执行');
    },
    deactivated: function () {
      console.log('我这个页面退出的会执行');
    },
    mounted() {
    }
  }
</script>
<style scoped />