生命周期.md

Taro-vue3 微信小程序生命周期方法的使用

<template></template>
<script lang="ts">
import { onMounted } from '@vue/runtime-core'
export default {
  setup(props, context) {
    Taro.Current.page!.onShow = function () {
      // 假设这里为首页，当从子页面跳转回来时，会调用这里面的内容
      // 如果要首次打开页面时调用，要使用onMounted方法
      console.log('page show')
    }
    Taro.Current.page!.onHide = function () {
      // 假设这里为首页，当从这里跳转到别的页面时，会调用这里面的内容
      console.log('page hide')
    }
    onMounted(async () => {
      // 首次进入页面时要执行的方法
      console.log('page init')
    })
  },
}
</script>