![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue 3.0
文章平均质量分 68
tangguofengchina
为人比较倔强,生活频近寒。工作还算刻苦,经历尤为曲弯。
未来满赋希望,人生几度秋凉。混沌调味思想、忙碌执着熬汤。
展开
-
进一步理解事件修饰符“.capture”
1、DOM事件的传播机制DOM的事件传播机制有两个阶段:一个是捕获阶段,一个是冒泡阶段。捕获阶段是从外到内,冒泡阶段是从内到外。举例来说,假如有如下的两个嵌套在一起的<div>,如下所示: <div> 这是外层的div <div> 这是内层的div </div> </div> 如果我们分别内层和外层的<div>定义了捕获阶段和冒泡阶段的点击事件的事件处理方...原创 2022-05-05 17:42:11 · 1804 阅读 · 1 评论 -
关于Eslint语法检查报“error Extra semicolon semi”错误的解决办法
1、“error Extra semicolon semi”错误在学习编写Vue3.0项目的时候,你可能还会发现,比如,用响应式模板创建的组件里的语句import { reactive, toRefs } from 'vue'后面没有分号,你如果加上,运行会报错,错误信息如图所示:这个错误的原因是我们在语句末尾使用了引号,去掉分号后就可以顺利跑通了。这又是为什么呢?这是因为vscode的插件ESlint的原因。ESlint在格式化文档的时候会自动添加分号。这可能会让我们感觉不舒服,觉得不规范。有原创 2022-05-01 19:11:58 · 10634 阅读 · 0 评论 -
关于Eslint语法检查报“Expected indentation of 6 spaces but found 12” 错误的解决办法
运行Vue项目时如果发生Eslint语法检查报错,输出报错内容举例:Expected indentation of 6 spaces but found 12,可能会是一堆,让人很头疼,如下图所示:这个问题的解决办法:在Vue项目文件夹里找到“.eslintrc.js”文件并打开,其内容如下:module.exports = { root: true, env: { node: true }, extends: [ 'plugin:vue...原创 2022-05-01 12:02:26 · 8210 阅读 · 0 评论