Vuetify断点与CSS助手类

Question

我已经看到了在互联网周围的Vuetify文档或代码片段中发布的不同示例，这些示例指的是vuetify断点或CSS助手类，以标记元素对屏幕的反应性。尺寸。

是否有标准或推荐的练习，甚至有很小的性能差异来确定我何时应该使用一个或另一种？

例如：

<p v-if="$vuetify.breakpoint.hiddenMdAndUp">...</p>
// vs
<p class="hidden-md-and-up">...</p>

Answer 1

CSS辅助类纯粹依赖浏览器及其对媒体查询的处理。我敢打赌，它比始终落后v-if的JavaScript要快得多。

此外，如果您确实需要使用一块JavaScript使某些元素可见或隐藏，则在VUE中，它更喜欢使用v-show(它使用元素的display属性，而不是像v-if一样从DOM添加/删除(。有关规格详细信息，请参见