小技巧：Nuxt处理全局组件的显示与隐藏

在Nuxt开发过程中，大家会遇到需要控制全局组件的显示与隐藏。比如说移动端的路由导航栏、头部的返回操作。。。

为了使切换页面的同时，确定是否展示全局组件，保证页面展示的平稳过渡。

下面是我在项目中用到一个办法，已实现。

1、在 middleware 中处理，middleware可以配置到 全局 也可以直接配置到 page组件中。

下图是直接配置在全局：

image.png

2、使用 middleware 的同时，结合vuex来使用。

在vuex中做全局状态判断，然后使用computed配合使用。

image.png