在当前的Web开发中，UI设计的重要性越来越凸显。而Vue是目前最受欢迎的JavaScript框架之一，因其组件化、MVVM模式等特点，为开发者提供了更多的选择。在Vue中，画面调节标准是非常重要的一部分，因为一个好的UI设计不仅仅是看上去美观，还要符合用户的使用习惯和易于操作。下面将介绍一些Vue中的画面调节标准。

Vue中，组件拥有较高的复用性，通过prop将组件的属性传递给下级组件，因此，定义好prop是非常重要的。对于元素的位置、尺寸和内边距等样式，可以使用大小写、驼峰写法或横线连接等不同的方式定义，建议统一使用横线连接的方式，使代码更加规范化、易于阅读和维护。例如：

props: {
font-size: Number // 定义下级组件中的文字尺寸
}

在使用Vue组件时，为了能够掌握组件的状态，尽可能减小组件的副作用，我们需要确定一些规范，如单一职责、独立性等。同时，在组件的样式中，应当尽可能的使用相对单位（如EM、REM等），以便于页面的整体缩放和调节。例如：

.container {
font-size: 1rem;
width: 90%;
margin: 0 auto;
}

Vue中，使用了模板语法，为了保证代码的可读性，在模板标签左侧统一加入一个空格，例如：

<div v-for="item in itemList">
{{ item.name }}
</div>

在Vue中使用element-ui组件库的时候，应该充分利用其中提供的API和样式，而不是进行额外的自定义样式开发。同时，在element-ui中，尽可能的使用“$style”实现样式统一管理。例如：

template:
<div :class="$style['el-slider-bar']">
<div :class="$style['el-slider-button']"></div>
</div>

在Vue中，样式的复用性也是很重要的，因此我们可以在全局使用sass等预编译器进行通用样式的定义。同时，在项目中使用变量、mixin等方式实现样式的复用。例如：

$primary-color: #1890ff;
$success-color: #52c41a;
@mixin button-style {
border-radius: 4px;
padding: 8px 16px;
}

总的来说，在Vue中，画面调节标准是非常重要的一部分，只有通过规范化的代码实现，才能够让UI设计更加优秀、更加符合用户习惯。我们需要学习Vue的组件化开发思想，制定好规范并贯彻落实，才能够在Web开发中获得更好的效果。