vue项目非开发环境下启用devtools

非开发环境的时候用devtools虽然少，但是有时候又想用怎么办；
但是非开发环境总是提示Vue.js is detected on this page.
通过看源码发现其实也可以手动启用。

1、先从取到一个Vue实例，比如body的第一个子元素，从Vue实例取得Vue的constructor；

var vue = document.querySelector('body>div').__vue__.$root.constructor;

2、然后把devtools配置为true；

vue.config.devtools = true;

3、取得devtools的插件对象，然后初始化即可开启devtools。

window.__VUE_DEVTOOLS_GLOBAL_HOOK__.emit('init', vue);

至此就可以愉快的使用devtools了。