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

Posted 2023-04-13

【中文标题】Vuejs：是不是可以在 vue-devtools 中命名 Vue 实例？

【英文标题】：Vuejs : is it possible to name Vue instances in vue-devtools?Vuejs：是否可以在 vue-devtools 中命名 Vue 实例？

【发布时间】：2018-08-15 13:42:16

【问题描述】：

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

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

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

【参考方案1】：

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

new Vue(
  name: 'Samayo'
)

现在您的开发工具中的<Root> 将被替换为<Samayo>

【讨论】：

就是这样

【参考方案2】：

对于Vue.js 3

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