生产环境开启Vue Devtools

先决条件

• 安装Vue2 Devtools或Vue3 Devtools
• F12打开开发者工具
• 选中Vue实例根节点元素作为$0（即id=app的元素）
• 于控制台执行如下代码

Vue2

vue2=$0.__vue__.$options._base
vue2.config.devtools=true
window.__VUE_DEVTOOLS_GLOBAL_HOOK__.emit('init',vue2)

补充：若vue app在iframe中

需要先获取主页面的 VUE_DEVTOOLS_GLOBAL_HOOK，再触发事件

// 在 iframe 的控制台中执行
const vue2 = $0.__vue__.$options._base;
vue2.config.devtools = true;

// 访问主页面的 devtools hook（需主页面和 iframe 同域）
const parentHook = window.parent.__VUE_DEVTOOLS_GLOBAL_HOOK__;
if (parentHook) {
  parentHook.emit('init', vue2);
}

Vue3

vue3 = $0.__vue_app__;
window.__VUE_DEVTOOLS_GLOBAL_HOOK__.enabled  =  true;
window.__VUE_DEVTOOLS_GLOBAL_HOOK__.emit(  "app:init",  vue3,  vue3.version,   {   
	Comment:  Symbol("Comment"),
	   Fragment:  Symbol("Fragment"),
	   Static:  Symbol("Static"),
	   Text:  Symbol("Text"),
	 
})