nuxt框架中样式不生效的bug以及解决办法

前言

兄弟们好久不见，我又回来了，最近一段时间忙于工作，遇到了很多很想记录下来的问题，但是一直没什么时间，今天终于给我逮到机会了，我先来分享一下在最近工作中遇到的一个很罕见的bug（至少我是这么认为），ok，同样的，我依旧会深入浅出，先简单介绍一些bug生成的环境以及解决bug必须掌握的知识。

认识一下nuxt.js

在这次的项目中，甲方要求我们用服务端渲染数据到页面上，方便后期爬虫爬数据，那么我的老前辈就直接让我使用这个nuxt框架，Nuxt.js 是一个基于Vue.js的通用应用框架，预设了利用Vue.js开发服务端渲染的应用所需要的各种配置。可以将html在服务端渲染，合成完整的html文件再输出到浏览器，只要你会用vue，那你很快就能上手nuxt，但是nuxt很多地方又和vue不一样，这里不一一例举了，你用一次nuxt你就会觉得，这玩意是真好用。

vue中 v-if 和 v-show 的区别

有用vue的大兄弟一定知道 v-if 和 v-show 这两个“玩意”，它们绝大多数情况下都是用来判断在页面上是否要显示一个元素，但是！它们两个有着 质 的 区别，ok，我们来看一下例子，一个页面上有两个普通的div，box1用 v-show 显示在页面中，box2则用 v-if 显示在页面中