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

vue.js Vue.js

EvaGil

2020-03-12

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

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

它可以由我的Vue设置中的Karma或Webpack生成吗？如果不是，这些对我来说是一些令人惊讶的发现。它导致两个问题：

  • 此哈希值（属性）何时以及如何生成？
  • 为什么会生成哈希（属性）？

第1363篇《Vue.js组件中的随机“ data-v- \*”属性》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

共1个回答
番长前端 2020.03.13

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

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

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

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

相似问题

0 回答

0 回答

5 回答

25 回答

0 回答

0 回答

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android