试验 Vue.js我注意到的第一件事是如何将组件的每个实例定义为 single file component并包含为自定义元素获取随机哈希属性,如 data-v-58fd7087=""
。
具体来说:
- 给定组件的每个实例的每个 DOM 元素都获得相同的哈希值
- 哈希是独立于路由器生成的
- 哈希在调用之间是稳定的
- 散列在组件名称更改之间是稳定的
- 哈希不存储/生成在磁盘上
- 因此哈希是动态生成的
它可以由 Karma 生成吗?或 Webpack那是我的 Vue 设置的一部分? 如果不是,这些对我来说是一些令人惊讶的观察结果。这导致了两个问题:
- 何时以及如何生成此哈希(属性)?
- 为什么会生成哈希(属性)?
最佳答案
使用 scoped CSS 时会发生类似的情况使用 Vue Loader。
我使用 scoped css 并且我有像 data-v-4646bc3c
这样的属性,所以我认为就是这样。
如果您不想要此功能,请尝试从您的单个文件组件中删除 scoped
属性。
<style scoped>
/* local styles */
</style>
关于vue.js - Vue.js 组件中的随机 "data-v-*"属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42701312/