- 博客(151)
- 收藏
- 关注
RSS订阅原创 【vue】computed和watch的区别和应用场景
在选择使用 Computed 或 Watch 时，应根据实际需求来决定。如果计算值依赖于多个数据属性并且需要缓存结果，应该使用 Computed。如果需要在数据变化时执行异步操作或进行复杂处理，应该使用 Watch。同时，应注意避免在使用 Computed 和 Watch 时产生无限循环和性能问题。中用于监视数据变化的两个不同特性，它们各自有不同的应用场景和功能。
2024-03-26 21:08:03
365
原创 【vue】vue3中的setup和vue2中的传统配置项data、method的关系
2、传统配置项中，可以调用到setup中的数据；反过来，setup中，调用不到传统配置项中的数据。1、在代码中可以同时存在，并列为配置项。
2024-01-23 22:56:50
612
原创 【vue3】尚硅谷vue3学习笔记
什么是hook？—— 本质是一个函数，把setup函数中使用的Composition API进行了封装。类似于vue2.x中的mixin。自定义hook的优势: 复用代码, 让setup中的逻辑更清楚易懂。
2023-12-03 18:44:34
598
转载 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
2152
转载 vue 项目报错 SyntaxError: Unterminated template
第二个红框内的script闭合标签提前将第一个script标签闭合导致。将一个script双标签作为字符串放在data函数中导致。所以需要将第二个红框的script闭合标签加上反斜杠。
2023-11-13 14:19:52
193
转载 Vue antdv 报错 .bezierEasingMixin()
若为vue3项目，无vue.config.js文件时，新增空白vue.config.js文件，填入如上内容即可。
2023-10-31 15:10:09
248
原创 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
2911
转载 在运行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
900
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
1605
转载 【vue】a-select回显后，不能选择
antdv中<a-select>组件，数据回显后，选其他选项框内元素未改变，但是提交是有更改数据的，是因为下拉选项是从接口循环来的，render函数没有自动更新，需手动强制刷新。
2023-09-06 14:19:28
514
转载 用vue init webpack (project) 创建项目却卡住不动
如上图，我用vue init webpack demo一直卡在 downloading template那儿不动，最后报超时错误，然后自己从网上搜了好多解决方法还是没用（比如设置淘宝镜像、换个网络等等）
2023-08-24 09:55:52
707
原创 vue项目启动出现可选链?:操作符解析失败
）是：@babel/plugin-proposal-nullish-coalescing-operator。问题截图：Module parse failed: Unexpected token。，本地npm run serve启动时，之前都正常，这次报错了，无法启动。问题描述：vue项目中引入了其他npm包，包中使用可选链操作符。
2023-05-17 19:05:32
1676
转载 【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
490
原创 Props中default用法及踩坑记录
简单的说就是在 props-default里面无法引用到 data的数据，所以修改的时候要把data数据复制到default处。同时也要注意用一个工厂函数去返回数组或者对象。用data中的变量，为props赋默认值，尝试多种方法都失败。父组件未向子组件传参数arrList的情况下，一直获取不到default的值。（注意事项已在注释中说明）
2023-04-12 17:46:19
1393
转载 mouseenter（mouseleave）与 mouseover（mouseout）的区别
从原理上讲，当指针设备（通常为鼠标）移动到（离开）绑有事件监听器的元素上时，mouseenter（mouseleave）事件会被触发，和 mouseover（mouseout）事件类似，但不同的是 mouseenter（mouseleave）不会冒泡，并且当鼠标从它的子元素移动它自身元素时，不会触发 mouseenter（从自身元素离开到子元素时，也不会触发mouseleave）。从表象上讲，mouseenter（mouseleave）只会在元素本身触发，不会在子元素触发；
2023-04-12 16:48:53
219
转载 持续集成--配置不同仓库的npm包
在项目开发过程中，当我们需要在不同项目中引用公共的自定义npm包的时候，我们优先想到的是将npm包发布到npm官方服务器上，然后在不同的项目上引用就行了。
2023-04-04 17:13:40
989
原创 npm添加Scope的方法
工作中开发了个npm包，无法在.npmrc中单独配置仓库路径，需要添加scope，特记录解决问题的方法。1、什么是Scope，即安装包时，使用的@someScope/packageName，如@或者执行npm init命令，包名参数进行改动（这样即可为npm包添加上scope。
2023-04-04 15:19:53
726
转载 import require加载时机不同
总结：import命令是编译阶段执行的，在代码运行之前，因此意味着被导入的模块会先运行，而导入模块的文件会后执行。require() 在运行代码时加载依赖项。
2023-04-03 18:44:02
146
转载 去除：Vue项目打包后生成的.map文件&文件hash值命名
文件中设置productionSourceMap和filenameHashing项为false即可。
2023-03-21 10:47:15
1381
原创 【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
4391
2
转载 vue安装时报错npm ERR! Could not resolve dependency: npm ERR! peer…
npm error peer dependency
2023-02-09 15:06:10
12834
2
转载 【html5】webstorage--localStorage和sessionStorage
html5 webstorage localstorage sessionstorage
2022-11-13 17:11:29
159
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人