- 博客(155)
- 收藏
- 关注
转载 ES6---4个强大运算符(??、??=、?.、?:)
作用就是判断这个对象(travelPlans)下的(tuesday)下的(location)是否为null或者undefined,当其中一链为null或者undefined时就返回undefined,这样即使中间缺少一个属性也不会报错,双问号后面接的就是默认值。仅当值为 null 或 undefined 时,此赋值运算符才会赋值。上面的例子强调了这个运算符本质上是。这两个假值的时候才会使用预测的数据,
2024-11-11 19:27:38
80
转载 【vue】vue2和vue3 watch监听(监听多个数据;监听对象属性变化,新旧值相同;等情况处理)
watch vue2 vue3 对象属性
2024-07-19 15:53:40
2116
原创 【vue】computed和watch的区别和应用场景
在选择使用 Computed 或 Watch 时,应根据实际需求来决定。如果计算值依赖于多个数据属性并且需要缓存结果,应该使用 Computed。如果需要在数据变化时执行异步操作或进行复杂处理,应该使用 Watch。同时,应注意避免在使用 Computed 和 Watch 时产生无限循环和性能问题。中用于监视数据变化的两个不同特性,它们各自有不同的应用场景和功能。
2024-03-26 21:08:03
434
原创 【vue】vue3中的setup和vue2中的传统配置项data、method的关系
2、传统配置项中,可以调用到setup中的数据;反过来,setup中,调用不到传统配置项中的数据。1、在代码中可以同时存在,并列为配置项。
2024-01-23 22:56:50
1014
原创 【vue3】尚硅谷vue3学习笔记
什么是hook?—— 本质是一个函数,把setup函数中使用的Composition API进行了封装。类似于vue2.x中的mixin。自定义hook的优势: 复用代码, 让setup中的逻辑更清楚易懂。
2023-12-03 18:44:34
821
转载 Chrome浏览器离线安装包下载方法
standalone=1&platform=win64,回车键后打开的是 64位下载页面,点击“下载Chrome”按钮,得到的就是 Google Chrome 64位离线安装包。直达→ https://www.google.cn/intl/zh-CN/chrome/?2、地址栏最后的网址是这样的:http://www.google.cn/chrome/browser/desktop/index.html。1、打开 Chrome 浏览器主页:http://www.google.cn/chrome。
2023-11-23 15:27:56
2749
转载 vue 项目报错 SyntaxError: Unterminated template
第二个红框内的script闭合标签提前将第一个script标签闭合导致。将一个script双标签作为字符串放在data函数中导致。所以需要将第二个红框的script闭合标签加上反斜杠。
2023-11-13 14:19:52
443
转载 Vue antdv 报错 .bezierEasingMixin()
若为vue3项目,无vue.config.js文件时,新增空白vue.config.js文件,填入如上内容即可。
2023-10-31 15:10:09
463
原创 Syntax Error: TypeError: this.getOptions is not a function的解决(Vue)
TypeError: this.getOptions is not a function 这个是在运行项目是遇到的问题。这个报错是类型错误,this.getOptions 不是一个函数。这个错误一般就是less-loader库里的错误。主要是less-loader版本太高,不兼容this.getOptions方法。根据自己的nodejs版本,选择降到合适的less-loader版本。对应的less-loader不报错版本为5.0.0,安装命令为。我的nodejs版本为14.21.1。
2023-10-31 15:08:02
5468
转载 在运行vue项目报Syntax Error: Error: Cannot find module ‘less‘
先看下根目录下面的package.json 里面有没有 “less-loader”: “5.0.0”, 如果没有,请安装:npm install less-loader。如果安装了,还是继续报同样的问题,那么此时执行命令:npm install less -–save-dev,再次尝试重新运行。
2023-10-31 15:01:32
1204
1
转载 使用vscode编码器统计代码行数
第二步:快捷键ctrl+shift+p进入工作区选择VscodeCounter:Count lines in directory,此时会进入此项目的默认路径,继续enter。在一些特殊情况中我们需要计算代码的行数,这时我们就可以借助vscode的VS Code Counter插件进行统计。进入相对应时间文件夹,可在results.md或者results.txt文件下查看统计结果:codes代表代码行数。第三步:统计完毕会在项目下生成.VSCodeCounter文件夹,里面会生成带有时间的文件夹。
2023-10-10 11:34:18
1831
转载 【vue】a-select回显后,不能选择
antdv中<a-select>组件,数据回显后,选其他选项框内元素未改变,但是提交是有更改数据的,是因为下拉选项是从接口循环来的,render函数没有自动更新,需手动强制刷新。
2023-09-06 14:19:28
839
转载 用vue init webpack (project) 创建项目却卡住不动
如上图,我用vue init webpack demo一直卡在 downloading template那儿不动,最后报超时错误,然后自己从网上搜了好多解决方法还是没用(比如设置淘宝镜像、换个网络等等)
2023-08-24 09:55:52
902
原创 vue项目启动出现可选链?:操作符解析失败
)是:@babel/plugin-proposal-nullish-coalescing-operator。问题截图:Module parse failed: Unexpected token。,本地npm run serve启动时,之前都正常,这次报错了,无法启动。问题描述:vue项目中引入了其他npm包,包中使用可选链操作符。
2023-05-17 19:05:32
1997
转载 【vue】ES6+ 可选链操作符
在ES5上面的代码中,obj 是一个对象,在获取 obj 对象的属性 a 时,属性 a 没有被定义所以返回 undefined,第 3 行获取 obj 对象 a 下的 b,由于 obj 上没有 a 属性,再获取 a 上的 b 属性就会报错。一般这样的情况,在程序中需要做前置验证,大部分情况会借助&&来完成。上面的代码中第 2 行首先会判断obj.a的值,如果不为空则继续执行obj.a.b否则返回undefined。
2023-05-17 19:00:02
590
原创 Props中default用法及踩坑记录
简单的说就是在 props-default里面无法引用到 data的数据,所以修改的时候要把data数据复制到default处。同时也要注意用一个工厂函数去返回数组或者对象。用data中的变量,为props赋默认值,尝试多种方法都失败。父组件未向子组件传参数arrList的情况下,一直获取不到default的值。(注意事项已在注释中说明)
2023-04-12 17:46:19
1949
转载 mouseenter(mouseleave)与 mouseover(mouseout)的区别
从原理上讲,当指针设备(通常为鼠标)移动到(离开)绑有事件监听器的元素上时,mouseenter(mouseleave)事件会被触发,和 mouseover(mouseout)事件类似,但不同的是 mouseenter(mouseleave)不会冒泡,并且当鼠标从它的子元素移动它自身元素时,不会触发 mouseenter(从自身元素离开到子元素时,也不会触发mouseleave)。从表象上讲,mouseenter(mouseleave)只会在元素本身触发,不会在子元素触发;
2023-04-12 16:48:53
292
转载 持续集成--配置不同仓库的npm包
在项目开发过程中,当我们需要在不同项目中引用公共的自定义npm包的时候,我们优先想到的是将npm包发布到npm官方服务器上,然后在不同的项目上引用就行了。
2023-04-04 17:13:40
1223
原创 npm添加Scope的方法
工作中开发了个npm包,无法在.npmrc中单独配置仓库路径,需要添加scope,特记录解决问题的方法。1、什么是Scope,即安装包时,使用的@someScope/packageName,如@或者执行npm init命令,包名参数进行改动(这样即可为npm包添加上scope。
2023-04-04 15:19:53
953
转载 import require加载时机不同
总结:import命令是编译阶段执行的,在代码运行之前,因此意味着被导入的模块会先运行,而导入模块的文件会后执行。require() 在运行代码时加载依赖项。
2023-04-03 18:44:02
188
转载 去除:Vue项目打包后生成的.map文件&文件hash值命名
文件中设置productionSourceMap和filenameHashing项为false即可。
2023-03-21 10:47:15
1514
原创 【git】git从https切换为ssh
打开TortoiseGit->设置 - >网络,在SSH客户端的“TortoiseGitPlink.exe”更改为“ssh.exe”。之前采用的https方式拉取代码,最近只允许使用ssh方式拉取代码,因此进行切换。除了代码仓库方面需要配置的公钥、私钥等操作外,本文只说明git方面需要进行的配置。2.复制项目的ssh地址,然后使用命令git remote set-url 来重新设置url。是由于小乌龟没有设置git 的路径,导致使用小乌龟的时候并没有使用git,所以连接不上。1.查看当前仓库url地址。
2023-03-14 15:12:03
5472
2
转载 vue安装时报错npm ERR! Could not resolve dependency: npm ERR! peer…
npm error peer dependency
2023-02-09 15:06:10
15045
2
转载 【html5】webstorage--localStorage和sessionStorage
html5 webstorage localstorage sessionstorage
2022-11-13 17:11:29
192
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人