vue3 devtool

打开控制台,输入下面代码:var vue = app.__vue_app__
    const hook = window['__VUE_DEVTOOLS_GLOBAL_HOOK__']
    hook.emit('app:init',vue,vue.version,{
    Fragment: 'Fragment',
    Text: 'Text',
    Comment: 'Comment',
    Static: 'Static'
})
然后重新打开调试器就行。缺点是关闭标签页会失效,需要重新配置。
var Vue, walker, node
walker = document.createTreeWalker(document.body, 1)
while ((node = walker.nextNode())) {
  if (node.__vue_app__) {
    var vue = node.__vue_app__
    const hook = window['__VUE_DEVTOOLS_GLOBAL_HOOK__']
    hook.emit('app:init', vue, vue.version, {
      Fragment: 'Fragment',
      Text: 'Text',
      Comment: 'Comment',
      Static: 'Static'
    })
  }
}


部署后 vue nuxt 开启 vue devtool 
const VueObj = document.querySelector('#__nuxt').__vue__.__proto__.__proto__.constructor

//VueObj.config.devtools = true
window.__VUE_DEVTOOLS_GLOBAL_HOOK__.emit('init', VueObj)

vue3
window.__VUE_DEVTOOLS_GLOBAL_HOOK__.emit('init', document.querySelector('#app').__vue_app__.__proto__.constructor)
posted @   7c89  阅读(89)  评论(0编辑  收藏  举报
(评论功能已被禁用)
相关博文:
阅读排行:
· 微软正式发布.NET 10 Preview 1:开启下一代开发框架新篇章
· 没有源码,如何修改代码逻辑?
· NetPad:一个.NET开源、跨平台的C#编辑器
· PowerShell开发游戏 · 打蜜蜂
· 凌晨三点救火实录:Java内存泄漏的七个神坑,你至少踩过三个!
历史上的今天:
2020-11-07 vue cli3及4使用官方方法配置scss全局变量报错
2020-11-07 Vue中Class与Style几种绑定用法
点击右上角即可分享
微信分享提示