vue设置一条宽度沾满全屏幕并且高度为1px灰色的线

可以使用如下的样式代码来实现：

.line {
  width: 100%;
  height: 1px;
  background-color: #ccc;
}

然后在 Vue 模板中使用该样式：

<template>
  <div class="line"></div>
</template>

<style>
.line {
  width: 100%;
  height: 1px;
  background-color: #ccc;
}
</style>

这样就可以在页面上显示一条宽度为100%、高度为1px、颜色为灰色的线了。