Chrome浏览器安装Vue.js插件是显示Vue.js is not detected怎么解决

当我们安装谷歌浏览器vue插件时，会出现没有检测到情况，右上角图标显示灰色

我们点击右上角 扩展程序，点击下图所示图标

出现

 

点击详情，将允许访问文件网址打开按钮就行。

请注意以下几点：

1、检查你的开发者工具选项是否已经打开

 

2、是否打开了插件的开关

 

3、文件中引入的  vue  文件 ，文件名 必须 为   ‘  vue.js  ’ ， 不能为其他

4、引入的 vue 文件 必须 是开发版本的文件，不能是生产版本 ， 这是官网下载地址：  安装 — Vue.js 中文文档