vue-devtools使用

已于 2022-08-01 11:00:49 修改
阅读量1.6k 收藏
点赞数
分类专栏： 工具与插件 文章标签： vue.js 前端 javascript
于 2022-05-30 17:43:29 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/seimeii/article/details/125050671
版权
vue-devtools 是一款强大的 Vue 开发辅助工具，它允许开发者深入查看组件结构、实时数据、DOM，以及Vuex状态历史记录。本文详细介绍了如何利用vue-devtools进行组件调试、事件和路由跟踪，以及性能监测，帮助提升Vue应用程序的开发效率。
摘要由CSDN通过智能技术生成

使用vue-devtool可以查看vue组件里面的data里面的变量
methods里面的函数
和一些全局对象比如说: r e f s , refs, refs,route
可以查看vuex里面的变量及变化监听。

0.使用过程

在这里插入图片描述

  1. 可以看到，我们通过搜索priceProcess组件名称；
  2. 找到
最低0.47元/天 解锁文章
都挺好，刚刚好
关注
专栏目录
vue devtools
12-16
vue devtools vue Google浏览器调试工具插件，vue Google浏览器扩展插件
vue-devtools的安装与使用
热门推荐
weixin_43843572的博客
05-26 8万+
vue-devtools的安装与使用
Vue Devtools -----一条龙安装教程 + 解决安装使用过程的一些问题
最新发布
Yluciud的博客
09-22 2114
进入下载页面安装 |Vue 开发工具 (vuejs.org)
vue-devtools
野蛮女孩的博客
04-30 283
使用Vue开发项目时，常会用到一款谷歌浏览器插件，vue-devtools 安装成功后，运行本地Vue项目，打开浏览器控制台就如下： 其中可以便捷的查看vueX的数据以及组件结构等，非常方便， 安装步骤如下： 1、首先给大家提供一个git地址，虽然官网也有地址(https://github.com/vuejs/vue-devtools.git)，我认为不太好用 给大家提供另一个git地址： https://gitee.com/zhang_banglong/vue-devtools.git 打开里面就如下
VueDevTools
caoxu12457的博客
05-18 241
Vue一款开源的调试工具，在FireFox里可以通过商店下载，但是在Chorm浏览器里，商店必须要翻墙才能访问。但是想使用该工具还是可以在GIT上下载源码解压后手动安装。 此处提供插件，省得各位顶着高延迟下载。 ...
Vue DevTools
Vinca@的博客
06-21 4633
当你开发 Vue 应用时，Vue DevTools 是一个非常有用的工具，可以帮助你调试、监控和优化你的应用。本文将全面介绍 Vue DevTools 的功能和用法，并提供了一种通过 vue3 快捷安装命令一键安装 Vue DevTools 的方法。此外，还将介绍如何在 VS Code 中使用 Vue DevTools，帮助你更高效地开发 Vue 项目。
前端vue浏览器插件vue-devtools，前端vue开发
04-10
5. **Vue Router集成**：如果你的应用使用了Vue Router进行路由管理，Vue Devtools 还会显示当前的路由信息，包括路由名称、参数和查询字符串。 6. **Vue Profiler**：Vue Devtools 提供性能分析器，可以测量组件的...
vue-devtools安装包
06-04
在使用“vue-devtools安装包”时，通常需要首先确保已经安装了对应的浏览器扩展。在Chrome或Firefox等浏览器中，可以通过访问Chrome Web Store或Mozilla Add-ons Store来安装。然后，在Vue应用程序运行时，打开...
vue-devtools-5.1.1
12-29
这个"vue-devtools-5.1.1"版本是Google开发的Vue DevTools的一个特定版本，主要用于支持Vue.js 2.x的应用。 Vue DevTools 5.1.1 版本主要特性包括： 1. **组件树视图**：展示应用中的所有Vue组件及其层级结构，...
vue devtools的使用
ithongchou的博客
09-13 798
你可以查看应用的组件树，检查各个组件的状态和属性。点击组件可以看到它的 props、data、computed 属性、methods 等。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

都挺好，刚刚好

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值