2021【前端VUE框架】第18节，我轻轻的尝一口这香浓的诱惑，谈谈我搞vue实现年入35万过程,vue-devtools

学习目标：

提示：2021【前端VUE框架】最新/最全/最细实战课程，VUE56节进阶学习
重磅来袭：3个月掌握 vue 入门知识到实战学代码。

学习内容：

提示：本节第18节内容：vue-devtools调试工具
学习本节视频需要掌握的知识点：
1.HTML
2.CSS
3.JavaScript
那么关于上面三个知识点，视频学习地方在：html5+css3+js+jquery课程

学习时间：

提示：2020现在-2021.1月
一。无基础的同学，有充足的事件可以一天学习两节内容，要多写代码，一个案例和知识点最少要敲代码3到4遍：
二。有基础的同学可以自由安排事件哈：
1、 周一至周五晚上 7 点—晚上9点
2、 周六上午 9 点-上午 11 点
3、 周日下午 3 点-下午 6 点

介绍

vue-devtools 是专门调试vue项目的调试工具，安装成功之后，右边会出现一个vue，就可以在线可以调试vue了，非常便捷。

安装

由于政策原因，谷歌的插件不能直接安装了已经，需要翻墙，也可以本地下载然后安装。

1、通过github下载：https://github.com/vuejs/vue-devtools （命令： git clone https://github.com/vuejs/vue-devtools）

2、通过cnpm install 安装依赖

3、通过npm run build 打包

4、谷歌浏览器直接输入chrome://extensions/ 进入插件界面

安装成功之后就可以看到列表里出现了这个插件了，

    更多视频学习资料，扫下面的吗，关注我，我们一起进阶。

    在这里插入图片描述

    # javascript # html5 # css3 # sass # reactjs
    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