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

Question

试用Vue.js我首先注意到的是，我定义的组件的每个实例是如何定义为single file component并包含为自定义元素的，它们都获得像data-v-58fd7087=""这样的随机哈希属性。 具体来说：

给定组件的每个实例的
• 每个DOM元素得到
• 散列独立地产生的路由器的相同散列
• 散列是呼叫
• 散列是稳定之间的稳定在组件的名称更改之间
• 散列未在磁盘上存储/生成
• 因此散列是动态生成的

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

• 何时以及如何生成这个散列（属性）？
• 为什么生成散列（属性）？

Answer 1

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

我使用范围的CSS，我有像data-v-4646bc3c的属性，所以我想那就是它。

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

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

Answer 2

如果您使用vueify和你想知道为什么你得到在构建更改，而无需改变任何东西，请确保您与process.env.NODE_ENV集运行vueify到'production'。否则，它会生成热重载代码，每个构建都有新的data-v-*散列。