Nuxt.js 首次加载判断：两种方法实现

Nuxt.js 首次加载判断：两种方法实现

在 Nuxt.js 开发中，有时需要判断页面是否为首次加载，以便执行一些特定的操作。例如，您可能希望在首次加载时显示一个欢迎信息，或者在非首次加载时加载一些缓存数据。

本文将介绍两种常用的方法来判断 Nuxt.js 页面是否为首次加载。

方法一：使用 $nuxt.$route.path

您可以使用 $nuxt.$route.path 来判断页面是否为首次加载。如果 $nuxt.$route.path 与当前页面的路径不同，则说明是首次加载。

export default {
  mounted() {
    if (this.$nuxt.$route.path !== this.$route.path) {
      console.log('首次加载')
    } else {
      console.log('非首次加载')
    }  
  }
}

方法二：使用 this.$nuxt.isFirstLoad

Nuxt.js 提供了一个方便的属性 isFirstLoad，可以用来判断页面是否为首次加载。如果 this.$nuxt.isFirstLoad 为 true，则说明是首次加载。

export default {
  mounted() {
    if (this.$nuxt.isFirstLoad) {
      console.log('首次加载')
    } else {
      console.log('非首次加载')
    }  
  }
}

总结

以上两种方法都可以用来判断 Nuxt.js 页面是否为首次加载。您可以根据自己的需求选择最适合的方法。

希望本文对您有所帮助！