vuejs devtools可以方便且高效的帮助前端开发者调试vuejs代码，vuejs devtool支持chrome和firefox，但在境内用chrome安装浏览器插件不方便，所以 使用firefox安装vuejs devtool

在这里插入图片描述1. 打开firefox浏览器（如果没有firefox请提前安装），点击右上角的“三”图标按钮

在这里插入图片描述2. 在弹出的菜单中选择“附加组件”

在这里插入图片描述
3. 在打开的界面中的搜索框输入关键字“vue devtools”，按回车确定搜索

在这里插入图片描述
4. 在新打开的搜索结果页面中，找到vue.js devtools, 如下图所示，点击该插件并安装

在这里插入图片描述5. 安装成功之后，会在Firefox浏览器的地址框的右边出现vuejs的图标，如图所示

在这里插入图片描述
6. 在Firefox打开一个使用vuejs开发的前端页面，然后打开按“F12”键打开开发者工具，这时在开发者工具中会出现Vue图标的选项卡，点击进入就能看到vuejs生成的对象和组件信息（注意：如果是非vuejs开发的页面，在开发者工具中不会出现Vue选项卡）

在这里插入图片描述

Logo
Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^

avatar Vue
cover

echarts堆叠柱状图

avatar Vue

Error in v-on handler: "TypeError: Cannot read properties of undefined (reading 'current')"

这是一个 Vue.js 错误，报错信息提示在 v-on 处理程序中出现了错误：“TypeError: Cannot read properties of undefined(读取 'current')”。这意味示在您的代码中，试图读取一个未定义的变量 'current'。您需要检查您的代码，确保 'current' 已正确定义并初始化。...

avatar Vue