Vue组件里设置了color: #fff，我就是手欠

前言

笔者是一个自学前端的野孩子，一路过来摸爬滚打，狼狈不堪，现在学到了Vue，目前正学写一个购物网站的页面。

自己埋的雷自己踩

Vue写页面就是不断的封装封装，封装的头皮发麻；在封装一个nav组件时，我埋了一颗雷，后来我就被炸上了天。
事情是这样的：我在封装nav组件时，在组件内的把字体颜色设置成了#fff（为啥设成白色，因为我手欠，雷已埋好），到了使用这个组件的时候了，第一次使用没事，第一次这个nav有背景颜色，白色的字体刚刚好，非常的漂亮，第二次使用，嘣…
‘mmp，为啥我在组件里的文字不显示？也没报错，前面用没事呀’，自言自语了半小时，请脑补找错的画面，然后‘恩？这个color：#fff，这是什么鬼？’，赶紧给组件加了个背景颜色（为啥最开始不设置背景，因为背景本来就是白色），倒吸一口凉气，费了九牛二虎之力总算把这个’藏—'起来的内容给揪出来了。

教训

啪啪。。。反手就是给自己两巴掌，这个故事告诉我没事别把字体颜色设置为白色，真的会被炸上天