谷歌浏览器安装 Vue.js devtools 插件
文章目录
- 1. 安装
- 2. 使用
- 3. 注意
1. 安装
① 搜索极简插件：https://chrome.zzzmh.cn/index
② 搜索框输入 Vue，选择 Vue.js devtools
③ 从历史版本里面选择并下载，选择 6.4 版本的就行
④ 打开浏览器，右上角三个点 → 扩展程序 → 管理扩展程序，打开右上角的开发者模式，然后将解压好的 Vue.js devtools 拖拽到拓展程序的空白区域
⑤ 点击详情，打开允许访问文件地址
2. 使用
在 VSCode 写好 Vue 代码，然后按住 Alt+B 快捷键直接打开浏览器，F12 → Vue → Root，即可在右侧看到具体的 data，我们可以直接在此处进行修改并调试。
3. 注意
① 版本不要太高，否则浏览器 Vue 插件可能无法正常显示；
② 一定要打开开发者模式；
③ 一定要打开允许访问文件地址；
④ 安装好插件后，要重启浏览器才可以生效；
⑤ Vue.js devtools 对中文的兼容性不是很友好，所以当文本是纯中文时，点击 Root 可能会没有反应，至少要掺杂几个英文字母进去。
相关文章：
谷歌浏览器安装 Vue.js devtools 插件
文章目录 1. 安装2. 使用3. 注意 1. 安装 ① 搜索极简插件：https://chrome.zzzmh.cn/index ② 搜索框输入 Vue，选择 Vue.js devtools ③ 从历史版本里面选择并下载，选择 6.4 版本的就行 ④ 打开浏览器，右上角三个点 → 扩展程序…...
LWIP通信协议UDP发送、接收源码解析
1.UDP发送函数比较简短，带操作系统和裸机一样。以下是udp_sendto源码解析； 2.LWIP源码UDP接收数据 2.1.UDP带操作系统接收数据，以下是源码解析； 2.2.UDP裸机接收数据，以下是源码解析...
Linux—进程学习-01
目录 Linux—进程学习—11.冯诺依曼体系结构2.操作系统2.1操作系统的概念2.2操作系统的目的2.3如何理解管理2.4计算机软硬件体系的理解2.5系统调用和库函数的概念 3.进程3.1进程是什么3.2管理进程3.2.1描述进程-PCB3.2.2组织进程3.2.3总结 3.3查看进程 4.与进程有关的系统调用 …...
FR动态数据源插件支持配置模板中某个数据集进行数据连接的切换
1 需求背景 该插件的需求来源于官方帮助文档： 动态数据源/数据库- FineReport帮助文档 - 全面的报表使用教程和学习资料 官方的方案的缺点是会暴露数据库IP,端口密码等，不安全。...
epoll 技术为什么用rbtree而不用hashmap呢？
目录 1.epoll 技术为什么用rbtree而不用hashmap呢？2 .红黑树支持顺序遍历，这对于epoll的事件管理机制可能非常有用， 怎么理解 epoll 理解，可以参考这个 https://zhuanlan.zhihu.com/p/64746509 1.epoll 技术为什么用rbtree而不用…...
关于Android Studio Koala Feature Drop | 2024.1.2下载不了插件的解决办法
解决 androidStudio Settings->Plugins下载插件，点击install后没反应，同时插件描述相关显示不出来 第一步： 第二步： 点击设置，勾选Auto-detect proxy settings，输入网址 https://plugins.jetbrains.com…...
公共命名空间，2024年11月的笔记
进行类比思维。对于在电脑上显示字符的任务，需要字符集。曾经有人研究算法，希望编出一个神奇的程序，能够显示所有字符。但最终的结果是，需要字符集，人工地把所有字符收集起来，让电脑一个个记住，…...
登录功能设计（php+mysql）
一 登录功能 1. 创建一个登录页面（login.php），包含一个表单，用户输入用户名和密码。 2. 在表单的提交事件中，使用PHP代码处理用户输入的用户名和密码。 3. 首先，连接MySQL数据库。然后&a…...
从0开始学习Linux——远程连接工具
往期目录： 从0开始学习Linux——简介&安装 从0开始学习Linux——搭建属于自己的Linux虚拟机 从0开始学习Linux——文本编辑器 从0开始学习Linux——Yum工具 Linux 远程连接工具是指用于从远程计算机连接到 Linux 系统并进行操作的各种工具。它们可以帮助管理员或…...
Java线程6种生命周期及转换
多线程技术是我们后端工程师在面试的时候必问的一个知识点，今天就来盘点一下多线程的相关知识， 先来说下进程，线程及线程的生命周期： 进程：进程就是正在进行中的程序，是没有生命的实体，只有在运…...
关于STM32在代码中的而GPIO里面的寄存器(ODR等)不需要宏定义的问题
1.GPIO为什么需要宏定义地址 在 STM32 这样的微控制器中，硬件寄存器的地址是固定的并且特定于每个外设（比如 GPIOA、GPIOB 等）。为了方便代码访问这些硬件寄存器，我们通常会使用宏定义来指定每个外设的基地址。这样做有几个理由&a…...
【北京迅为】《STM32MP157开发板嵌入式开发指南》-第七十七章 交叉编译QT工程
iTOP-STM32MP157开发板采用ST推出的双核cortex-A7单核cortex-M4异构处理器，既可用Linux、又可以用于STM32单片机开发。开发板采用核心板底板结构，主频650M、1G内存、8G存储，核心板采用工业级板对板连接器，高可靠，牢固耐…...
高效率的快捷回复软件 —— 客服宝聊天助手
在电商行业日益繁荣的今天，高效的客户沟通对于企业的成功至关重要。无论是电商平台、居家客服还是其他各类客服行业，都需要一款强大的工具来提升工作效率。今天，我们就来介绍一款高效率的快捷回复软件 —— 客服宝聊天助手。 一、跨平台跨店铺…...
Node.js + MongoDB + Vue 3 全栈应用项目开发
🌈个人主页：前端青山 🔥系列专栏：node.js篇 🔖人终将被年少不可得之物困其一生 依旧青山,本期给大家带来node.js篇专栏内容:Node.js MongoDB Vue 3 全栈应用项目开发 在前几篇文章中，我们已经为 Node.j…...
【云原生开发】如何通过client-go来操作K8S集群
✨✨ 欢迎大家来到景天科技苑✨✨ 🎈🎈 养成好习惯，先赞后看哦~🎈🎈 🏆 作者简介：景天科技苑 🏆《头衔》：大厂架构师，华为云开发者社区专家博主，…...
CSS基础知识六（浮动的高度塌陷问题及解决方案）
目录 1.浮动高度塌陷概念 2.下面是几种解决高度塌陷的几种方案： 解决方案一： 解决方案二： 解决方案三： 1.浮动高度塌陷概念 在CSS中，高度塌陷问题指的是父元素没有正确地根据其内部的浮动元素或绝对定位元素来计…...
开源模型应用落地-glm模型小试-glm-4-9b-chat-vLLM集成（四）
一、前言 GLM-4是智谱AI团队于2024年1月16日发布的基座大模型，旨在自动理解和规划用户的复杂指令，并能调用网页浏览器。其功能包括数据分析、图表创建、PPT生成等，支持128K的上下文窗口，使其在长文本处理和精度召回方面表现优异&a…...
.net为什么要在单独的项目中定义扩展方法？C#
使用 扩展方法（Extension Methods） 和创建 扩展类（Extension Class） 在 C# 中有几个特定的目的，主要是为了提高代码的可扩展性、灵活性和可读性。让我们来详细解释这些概念以及为什么扩展类需要是静态的。 为什么使用…...
动态规划 —— dp 问题-打家劫舍II
1.打家劫舍II 题目链接： 213. 打家劫舍 II - 力扣（LeetCode）https://leetcode.cn/problems/house-robber-ii/ 2. 题目解析 通过分类讨论，将环形问题转换为两个线性的“打家劫舍|” 当偷第一个位置的时候，rob1在&#…...
Java基础-组件及事件处理（上）
(创作不易，感谢有你，你的支持，就是我前行的最大动力，如果看完对你有帮助，请留下您的足迹） 目录 Swing 概述 MVC 架构 Swing 特点 控件 SWING UI 元素 JFrame SWING 容器 说明 常用方法 示例&a…...
Android Wi-Fi 连接失败日志分析
1. Android wifi 关键日志总结 (1) Wi-Fi 断开 (CTRL-EVENT-DISCONNECTED reason3) 日志相关部分： 06-05 10:48:40.987 943 943 I wpa_supplicant: wlan0: CTRL-EVENT-DISCONNECTED bssid44:9b:c1:57:a8:90 reason3 locally_generated1解析： CTR…...
Leetcode 3576. Transform Array to All Equal Elements
Leetcode 3576. Transform Array to All Equal Elements 1. 解题思路2. 代码实现 题目链接：3576. Transform Array to All Equal Elements 1. 解题思路 这一题思路上就是分别考察一下是否能将其转化为全1或者全-1数组即可。 至于每一种情况是否可以达到…...
)
Typeerror: cannot read properties of undefined (reading ‘XXX‘)
最近需要在离线机器上运行软件，所以得把软件用docker打包起来，大部分功能都没问题，出了一个奇怪的事情。同样的代码，在本机上用vscode可以运行起来，但是打包之后在docker里出现了问题。使用的是dialog组件，…...
华为OD机考-机房布局
import java.util.*;public class DemoTest5 {public static void main(String[] args) {Scanner in new Scanner(System.in);// 注意 hasNext 和 hasNextLine 的区别while (in.hasNextLine()) { // 注意 while 处理多个 caseSystem.out.println(solve(in.nextLine()));}}priv…...
jmeter聚合报告中参数详解
sample、average、min、max、90%line、95%line,99%line、Error错误率、吞吐量Thoughput、KB/sec每秒传输的数据量 sample（样本数） 表示测试中发送的请求数量，即测试执行了多少次请求。 单位，以个或者次数表示。 示例：…...
零知开源——STM32F103RBT6驱动 ICM20948 九轴传感器及 vofa + 上位机可视化教程
STM32F1 本教程使用零知标准板（STM32F103RBT6）通过I2C驱动ICM20948九轴传感器，实现姿态解算，并通过串口将数据实时发送至VOFA上位机进行3D可视化。代码基于开源库修改优化，适合嵌入式及物联网开发者。在基础驱动上新增…...
抽象类和接口（全）
一、抽象类 1.概念：如果⼀个类中没有包含⾜够的信息来描绘⼀个具体的对象，这样的类就是抽象类。 像是没有实际⼯作的⽅法,我们可以把它设计成⼀个抽象⽅法，包含抽象⽅法的类我们称为抽象类。 2.语法 在Java中，⼀个类如果被 abs…...
Python 高效图像帧提取与视频编码：实战指南
Python 高效图像帧提取与视频编码：实战指南 在音视频处理领域，图像帧提取与视频编码是基础但极具挑战性的任务。Python 结合强大的第三方库（如 OpenCV、FFmpeg、PyAV），可以高效处理视频流，实现快速帧提取、压缩编码等关键功能。本文将深入介绍如何优化这些流程，提高处理…...
MySQL的pymysql操作
本章是MySQL的最后一章，MySQL到此完结，下一站Hadoop！！！ 这章很简单，完整代码在最后，详细讲解之前python课程里面也有，感兴趣的可以往前找一下 一、查询操作 我们需要打开pycharm …...
echarts使用graphic强行给图增加一个边框（边框根据自己的图形大小设置）- 适用于无法使用dom的样式
pdf-lib https://blog.csdn.net/Shi_haoliu/article/details/148157624?spm1001.2014.3001.5501 为了完成在pdf中导出echarts图，如果边框加在dom上面，pdf-lib导出svg的时候并不会导出边框，所以只能在echarts图上面加边框 grid的边框是在图里…...