uniapp 全局混入：监听路由变化，路由变化即执行

uniapp 全局混入：监听路由变化，路由变化即执行

在uni-app中，可以使用onShow和onHide方法来监听页面的显示和隐藏，但如果需要全局监听路由变化，可以使用onLoad和onUnload方法。

• 以下是一个全局监听路由变化的示例：

  // 在main.js中
  Vue.mixin({
    onLoad() {
      // 页面加载时触发
      console.log('页面加载: ' + this.$route.path);
    },
    onUnload() {
      // 页面卸载时触发
      console.log('页面卸载: ' + this.$route.path);
    },
    onShow() {
      // 页面显示/切入前台时触发
      console.log('页面显示: ' + this.$route.path);
    },
    onHide() {
      // 页面隐藏/切入后台时触发
      console.log('页面隐藏: ' + this.$route.path);
    }
  });
  

  这样，每个页面都会混入这些生命周期方法，当路由发生变化时，就会打印相应的日志。这是一个简单的全局监听路由变化的方法，可以在实际项目中根据需要进行扩展和应用。

---

完结。