javascript - 如果他在单独的文件中创建，如何在 chrome 控制台中调用 Vue 实例

Question

如何在 chrome 控制台中调用 Vue 实例，如果它是在单独的文件 new Vue({ ... }) 中创建的。像 console.log(vm.user.id)

new Vue({
  el: '#app',
  data: {
    message: {
      id: 1,
      title: 'TEST VUE'
    }
  }    
});

Answer 1

如果你安装了 Vue DevTools，它会在你点击它们时为你的 Vue 实例创建别名:

注意组件名称右侧的浅色文本。在某些屏幕上可能很难看到。

在上图中，$vm1 和$vm2 可以在控制台中访问，并会引用相应的 Vue 实例。

当您在 DevTools 中点击时，这些别名将会改变。 $vm0 将引用您单击的最后一个组件。