vue.js - Vue.js 组件中的随机 "data-v-*"属性

Question

试验 Vue.js我注意到的第一件事是如何将组件的每个实例定义为 single file component并包含为自定义元素获取随机哈希属性，如 data-v-58fd7087=""。具体来说:

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

它可以由 Karma 生成吗？或 Webpack那是我的 Vue 设置的一部分？如果不是，这些对我来说是一些令人惊讶的观察结果。这导致了两个问题:

• 何时以及如何生成此哈希(属性)？
• 为什么会生成哈希(属性)？

Answer 1

使用 scoped CSS 时会发生类似的情况使用 Vue Loader。

我使用 scoped css 并且我有像 data-v-4646bc3c 这样的属性，所以我认为就是这样。

如果您不想要此功能，请尝试从您的单个文件组件中删除 scoped 属性。

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