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
vue使用iconfont图标
vue使用iconfont图标
148 1
|
7天前
|
移动开发 JavaScript API
Vue Router 核心原理
Vue Router 是 Vue.js 的官方路由管理器,用于实现单页面应用(SPA)的路由功能。其核心原理包括路由配置、监听浏览器事件和组件渲染等。通过定义路径与组件的映射关系,Vue Router 将用户访问的路径与对应的组件关联,支持哈希和历史模式监听 URL 变化,确保页面导航时正确渲染组件。
|
11天前
|
监控 JavaScript 前端开发
ry-vue-flowable-xg:震撼来袭!这款基于 Vue 和 Flowable 的企业级工程项目管理项目,你绝不能错过
基于 Vue 和 Flowable 的企业级工程项目管理平台,免费开源且高度定制化。它覆盖投标管理、进度控制、财务核算等全流程需求,提供流程设计、部署、监控和任务管理等功能,适用于企业办公、生产制造、金融服务等多个场景,助力企业提升效率与竞争力。
65 12
|
7天前
|
JavaScript 前端开发 开发者
Vue中的class和style绑定
在 Vue 中,class 和 style 绑定是基于数据驱动视图的强大功能。通过 class 绑定,可以动态更新元素的 class 属性,支持对象和数组语法,适用于普通元素和组件。style 绑定则允许以对象或数组形式动态设置内联样式,Vue 会根据数据变化自动更新 DOM。
|
7天前
|
JavaScript 前端开发 数据安全/隐私保护
Vue Router 简介
Vue Router 是 Vue.js 官方的路由管理库,用于构建单页面应用(SPA)。它将不同页面映射到对应组件,支持嵌套路由、路由参数和导航守卫等功能,简化复杂前端应用的开发。主要特性包括路由映射、嵌套路由、路由参数、导航守卫和路由懒加载,提升性能和开发效率。安装命令:`npm install vue-router`。
|
28天前
|
JavaScript 安全 API
iframe嵌入页面实现免登录思路(以vue为例)
通过上述步骤,可以在Vue.js项目中通过 `iframe`实现不同应用间的免登录功能。利用Token传递和消息传递机制,可以确保安全、高效地在主应用和子应用间共享登录状态。这种方法在实际项目中具有广泛的应用前景,能够显著提升用户体验。
55 8
|
29天前
|
存储 设计模式 JavaScript
Vue 组件化开发:构建高质量应用的核心
本文深入探讨了 Vue.js 组件化开发的核心概念与最佳实践。
75 1
|
2月前
|
JavaScript 关系型数据库 MySQL
基于VUE的校园二手交易平台系统设计与实现毕业设计论文模板
基于Vue的校园二手交易平台是一款专为校园用户设计的在线交易系统,提供简洁高效、安全可靠的二手商品买卖环境。平台利用Vue框架的响应式数据绑定和组件化特性,实现用户友好的界面,方便商品浏览、发布与管理。该系统采用Node.js、MySQL及B/S架构,确保稳定性和多功能模块设计,涵盖管理员和用户功能模块,促进物品循环使用,降低开销,提升环保意识,助力绿色校园文化建设。
|
3月前
|
JavaScript API 开发者
Vue是如何进行组件化的
Vue是如何进行组件化的
|
3月前
|
JavaScript 前端开发 开发者
Vue是如何进行组件化的
Vue是如何进行组件化的

热门文章

最新文章