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

Question

我正在实现一个包含多个 Vue 实例的网页。

我有一个简单的问题：是否可以使用 vue-devtools 来命名和显示它们？

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

Answer 1

通过“Vue 的多个实例”，如果您的意思是您有多个new Vue({})实例，那么您可以将每个实例命名为：

new Vue({
  name: 'Samayo'
})

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

Answer 2

对于Vue.js 3

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