WYH在路上-优快云博客

原创 create-vue 和 Vue CLI 的区别

摘要： create-vue和Vue CLI均为Vue官方脚手架工具，用于快速初始化项目结构、整合依赖并预置配置。核心区别在于：Vue CLI基于Webpack，适合复杂项目或历史维护；而create-vue基于Vite，是当前推荐方案，提供更快的开发体验，专为现代Vue 3项目设计。新建项目建议优先使用create-vue，旧项目维护可继续使用Vue CLI。两者均简化了开发流程，但技术栈和定位不同。（149字）

2025-07-03 19:17:13 360

原创 v-bind 和 v-model的区别

Vue.js 中 v-bind 和 v-model 的核心区别：v-bind 实现单向数据绑定（JS→视图），用于动态设置 HTML 属性；v-model 实现双向数据绑定（JS↔视图），专为表单输入设计。v-bind 通过冒号简写，v-model 是 :value + @input 的语法糖。关键差异在于数据流向和用途：单向绑定适用于属性传递，双向绑定用于表单交互。自定义组件可通过 modelValue 和 update:modelValue 事件支持 v-model。

2025-06-25 13:55:55 477

原创 JavaScript 数组方法详解：map()、filter()、find()、forEach()

JavaScript数组的核心迭代方法对比：map()返回加工后的新数组；filter()返回筛选子集；find()返回首个匹配元素；forEach()仅用于遍历操作无返回值。主要区别在于：1)返回值不同；2)用途差异：转换数据用map()，筛选用filter()，查找用find()，副作用操作用forEach()；3)性能上find()找到即停止更高效。建议优先使用纯函数方法(map/filter)，避免在forEach中修改数据。链式调用可组合多个方法实现复杂操作。

2025-06-19 17:26:28 433

原创 JavaScript 中扩展运算符（...）和剩余参数语法的详细解析

扩展运算符：用于展开数组、对象或函数参数，在数组拼接、对象合并、函数调用等场景中非常有用。剩余参数：用于收集函数的剩余参数或解构赋值中的剩余元素，使函数能够处理不定数量的参数。

2025-03-12 16:05:21 525

原创让元素位于居中位置

对于行内元素（如 span、a 等）或行内块元素（如设置了 display: inline-block 的元素），可以通过设置其父元素的 text-align 属性来实现水平居中。未知宽度的块级元素：可以使用 display: flex 或 display: grid 布局。对于单行文本，可以通过设置 line-height 等于元素的 height 来实现垂直居中。已知宽度的块级元素：可以使用 margin: 0 auto 来实现水平居中。已知元素宽度和高度：可以使用负边距来实现。行内元素或行内块元素。

2025-02-27 19:40:51 987

原创后端发送POST请求

后端发送POST请求。

2025-02-14 13:29:42 224

原创 Element UI cell-style使用

在 Element UI 中，属性用于动态设置表格单元格的样式。你可以通过两种方式使用：直接使用一个固定的样式对象，或者使用一个回调函数来根据单元格的数据动态生成样式。如果你希望为所有单元格设置统一的样式，可以直接使用一个对象：这种方式会为所有单元格应用相同的背景色和字体颜色。如果你需要根据单元格的数据动态设置样式，可以使用一个回调函数。该函数接收四个参数：、、和，并返回一个样式对象：在这个示例中，如果单元格的为 “王小狼” 且为 “name”，则该单元格的背景色将设置为灰色，字体颜色

2025-01-07 16:14:50 1089

原创 computed计算属性

在 Vue.js 中，computed属性是一种特殊类型的属性，用于声明性地描述一个值是基于组件中其他响应式数据计算得来的。computed属性非常适合用于当你需要根据现有数据派生出一些状态时，而不需要执行复杂的逻辑或副作用操作。以下是关于computed。

2025-01-04 15:12:49 681

原创 $nextTick()介绍

是 Vue.js 中的一个实例方法，用于在下次 DOM 更新循环之后执行延迟回调。在 Vue 中，当你更改数据时，视图不会立即更新，而是等待 Vue 在下一个事件循环“tick”中批量执行所有的数据变更。如果想要在数据变化之后立即基于新的 DOM 状态执行某些操作，就需要使用。

2025-01-04 14:11:07 648

原创 DOM和BOM区别

DOM 关注于网页文档的内容和结构，提供操作元素、属性、事件等的方法；而 BOM 关注于浏览器窗口和浏览器功能，提供操作窗口、历史记录、定时器等的方法。对象不同：DOM 的核心对象是document，它代表整个网页文档；BOM 的核心对象是window，它代表浏览器窗口。应用场景不同：DOM 用于网页内容的动态操作和交互，如修改页面布局、响应用户输入等；BOM 用于浏览器窗口的控制和浏览器功能的访问，如打开新窗口、使用浏览器历史等。

2025-01-04 10:37:42 890