Vue.js中的奇怪文本

Question

我正在尝试使用vue.js2开发应用程序。我在源代码中得到一些奇怪的文本。您可以在下图中看到这些文字。

有谁能说它为什么会来？

Answer 1

您可能在scoped文件中的styles标记上使用.vue属性，仅将样式范围限定在组件范围内。

使用<styles scoped> ... </styles>限定为组件的任何样式，样式将仅应用于该组件中的元素。

所以解析.vue文件的vue-loader在幕后使用PostCSS来实现这一点，通过添加添加那些奇怪和独特的数据属性来实现这一目标。

有关详细信息，请参阅Scoped CSS