因为style上有scoped标签,去掉即可。
<style> /* 此处如果有scoped 则body的css内容不生效*/
body{
margin:0px;
padding:0px;
font-family: "微软雅黑";
font-size: 16px;
}
</style>
Vue中的scoped属性
在vue组件中,在style标签上添加scoped属性,以表示它的样式作用于当下的组件,使得该css样式不影响到其他组件或本组件的子组件,也保护的本组件的样式不受其他组件影响。