Vue.js组件中的随机“ data-v- *”属性

使用Vue.js进行实验时,我注意到的第一件事是,我定义为单个文件组件并包含为自定义元素的组件的每个实例如何获得一个随机哈希属性,例如data-v-58fd7087=""特别:

  • 给定组件的每个实例的每个DOM元素都会获得相同的哈希值
  • 哈希独立于路由器生成
  • 两次调用之间的哈希值是稳定的
  • 哈希在组件名称更改之间是稳定的
  • 散列未在磁盘上存储/生成
  • 因此哈希是动态生成的

它可以由我的Vue设置中KarmaWebpack生成吗?如果不是,这些对我来说是一些令人惊讶的发现。它导致两个问题:

  • 此哈希值(属性)何时以及如何生成?
  • 为什么会生成哈希(属性)?
番长前端2020/03/13 00:35:22

将带范围的CSS与Vue Loader一起使用时,会发生类似的情况

我使用范围化的CSS,并且具有诸如之类的属性data-v-4646bc3c,因此我认为是这样。

如果您不希望使用此功能,请尝试scoped从单个文件组件中删除该属性。

<style scoped>
/* local styles */
</style>