Vuejs：是否可以在 vue-devtools 中命名 Vue 实例？

Question

我正在用多个 Vue 实例实现一个网页。

我有一个简单的问题：是否可以使用 vue-devtools 命名并显示在他们的名字下？

实际上我的控制台显示这样的实例，很难区分它们:

Answer 1

"multiple instances of Vue"，如果你的意思是你有多个 new Vue({}) 个实例，那么你可以给每个实例起一个自己的名字：

new Vue({
  name: 'Samayo'
})

现在你的 devtools 中的 <Root> 将被替换为 <Samayo>

Answer 2

对于Vue.js 3

createApp({
  name: 'someName',
  // ...
})