body有8px的神秘边距

首先，你需要知道为什么会有8px的神秘边距：
很多元素默认有一个8px的 margin，而且在不同浏览器上表现效果不同

在项目中，通常都是使用reser.css重置所有的样式表，可以保证在所有浏览器下，项目展示的样式是一致的：
（1）在项目中应用：在asset的css中插入reset.css文件，

// main.js
import @/assets/css/reset.css

   
   

   
   

（2）或者在demo这样写：

<style>
* {
  margin: 0;
  padding: 0;
}
</style>