Vue开发者工具

简介: Vue开发者工具

新手在使用Vue开发者工具遇到的问题

问题的大前提,要检查有无安装好Vue开发者工具

1、安装了 Vue.js devtools,也就是Vue开发者工具(Vue官网有详细介绍)

https://cn.vuejs.org/

2、在浏览器中安装,在扩展程序管理中添加

3、启动 Vue.js devetools

4、最重要一步!开启允许访问文件网址

5、基本能够在控制台中看到,并使用Vue开发者工具了

6、我会将Vue开发者工具固定在浏览器上,这样页面中使用了Vue,图标就变绿色,方便查阅和调试。(看个人需求!!操作如下图,未固定是一个灰色的铁钉;固定好就是蓝色的铁钉,和下图一样)

问题一:Vue.js is detected on this page. Open DevTools and look for the Vue panel.

这句话的翻译是:

Vue.js已经在页面中检测到了。请打开你的开发者工具,并查找Vue面板。


(必须是做好了上面“前提”的步骤)


注意!(前方高能)

请马上!! 在键盘上按下F12(或鼠标右键,点击“检查”),会出现以下界面,而Vue面板就在最右侧!!点击就能看到了。

而不是!!! 一直按浏览器上右上角的扩展程序,

觉得怎么它没有跳转(我就是这样的傻瓜行为,请大家不要做)

问题二:Vue.js not detected

这句话的翻译是:

Vue.js在页面中未检测到。

可能原因是: 你所编写的页面,没有引入Vue.js。

(据说没有引入开发版会有问题,但我在编写简单的页面代码时引用生产版暂时未发现有报错问题。且我认为两者的区别是开发版报错会有友好的提示,而生产版则只有底层的错误信息。)

我引入后,Vue开发者工具就能正常使用了。(显示的是问题一中的语句,其实就是已经成功啦)

综上所述:

很多时候的报错,都会有一些友好的提示,最好要认真分析错误到底是在说些什么,才能够找到原因,再解决问题。

一切的困难都不是问题!!

相关文章
|
2天前
|
缓存 JavaScript 前端开发
《基础篇第4章:vue2基础》:使用vue脚手架创建项目
《基础篇第4章:vue2基础》:使用vue脚手架创建项目
10 3
|
4天前
|
JavaScript 前端开发 开发者
Vue v-for 进阶指南:in 与 of 的区别及应用场景 | 笔记
Vue.js 中的 v-for 是强大的遍历指令,但其中的 in 和 of 关键字往往被开发者忽视。尽管它们的用法相似,但适用的场景和数据结构却各有不同。本文将详细探讨 v-for 中 in 和 of 的区别、适用场景以及在实际开发中的最佳使用时机。通过理解它们的差异,你将能够编写更加高效、简洁的 Vue.js 代码,灵活应对各种数据结构的遍历需求。
40 6
|
2天前
|
缓存 JavaScript
Vue 中 computed 与 method 的区别
【10月更文挑战第15天】computed 和 method 是 Vue 中两个重要的选项,它们在功能和特点上存在着明显的区别。理解并合理运用它们的区别,可以帮助我们构建更高效、更具可维护性的 Vue 应用。在实际开发中,要根据具体情况灵活选择使用,以满足不同的需求。
5 2
|
2天前
|
JavaScript 搜索推荐 UED
vue的自定义指令
【10月更文挑战第14天】Vue 自定义指令为我们提供了一种强大的工具,使我们能够更灵活地控制和扩展 Vue 应用的行为。通过合理地使用自定义指令,可以提高开发效率,增强应用的功能和用户体验。
|
3天前
|
JavaScript
|
4天前
|
JavaScript UED
Vue + ElementUI 实现动态添加和删除表单项的多层嵌套表单
【10月更文挑战第5天】本示例展示了如何在 Vue.js 中使用 Element UI 组件实现动态添加和删除嵌套表单项。该表单包含设备信息、设备部位及其对应的任务列表,支持用户动态添加设备部位和任务,并提供相应的表单验证规则。
23 0
Vue + ElementUI 实现动态添加和删除表单项的多层嵌套表单
|
5天前
|
JavaScript
《进阶篇第9章》学习vuex知识点后练习:求和案例_纯vue版代码
《进阶篇第9章》学习vuex知识点后练习:求和案例_纯vue版代码
10 1
|
22小时前
|
JavaScript 前端开发 Java
vue2知识点:Vue封装的过度与动画
vue2知识点:Vue封装的过度与动画
7 0
|
2天前
|
JavaScript UED
在 Vue 中使用自定义指令
【10月更文挑战第14天】通过合理地使用自定义指令,可以为 Vue 应用带来更多的灵活性和扩展性,提高开发效率和用户体验。
|
3天前
|
JavaScript 前端开发 容器
vue的哈希模式下乾坤微应用的使用
vue的哈希模式下乾坤微应用的使用