一个UI、前端爱好者。

Vue 2 中this.$set用于响应式添加对象属性，解决直接赋值不触发更新的问题。语法为this.$set(target, key, value)，适用于动态添加对象属性或修改数组元素。Vue 3改用Proxy后不再需要此方法。注意事项：仅对响应式对象有效，非组件环境用Vue.set，数组优先使用响应式方法。Vue 2需要手动处理动态属性更新，Vue 3自动支持。

本文介绍了在Element UI表格中实现分页序号连续显示的方法。通过使用el-table-column的index属性配合自定义的indexMethod方法，可以计算当前页数据在总数据中的实际位置。公式为当前行索引 + 1 + (当前页码 - 1) * 每页条数，解决了分页时序号重置的问题，确保表格序号在多页数据中保持连续递增。该方案简单高效，适用于需要展示数据全局序号的场景。

Vue.js中el-table-column的label和prop属性通常作为静态值使用，直接采用label="名称"形式即可，无需使用:绑定。:仅用于动态绑定变量值的情况。静态属性直接赋值字符串，动态属性才需要:前缀引用变量。正确区分这两种用法可以避免将静态字符串误当作变量解析的错误。

本文介绍了如何封装一个Vue.js组件FormattedNumber，用于将大数字格式化为中文习惯的易读形式（如"1万"、"1亿"）。组件主要功能包括：自动单位转换、可自定义小数点位数、动态更新和简洁易用的中文环境支持。文章详细说明了组件结构、格式化逻辑和样式设计，并提供了完整的代码实现示例。使用该组件时，只需传入数字和可选的小数位参数即可实现自动格式化显示，适用于财务、统计等场景，有效提升数字可读性和用户体验。

本文介绍了如何封装一个Vue.js组件TextEllipsisTooltip来处理文本溢出问题。该组件具备单行/多行文本溢出处理、动态内容支持、响应式设计等功能，通过比较scrollWidth/Height和clientWidth/Height检测溢出，并使用el-tooltip显示完整内容。文章详细展示了组件的模板、脚本和样式实现，并提供了使用示例和测试要点。该组件配置灵活，可有效提升Web应用的用户体验。

本文对比了Vue.js中父子组件数据绑定的两种方式：v-model和:value。v-model是双向绑定的语法糖，默认绑定value属性并监听input事件，简化了父子组件间的数据同步；而:value仅实现单向数据传递。文章通过代码示例展示了两种方式的使用场景，指出v-model更适合表单交互等需要双向绑定的情况，:value则适用于只读数据展示。同时强调了避免直接修改props和使用$emit的正确做法，帮助开发者根据需求选择合适的数据绑定方案。

【代码】vue2项目中自定义配置文件。

Vuex 是实现组件全局状态（数据）管理的一种机制，可以方便的实现组件之间的数据共享。👇 👇 👇不要在Mutations函数中，执行异步操作。Mutation（突变）Action（处理）Getter（获得）

点击按钮显示el-image

【代码】elementUI的el-table组件标题后面加图标。

【代码】关于el-table的show-summary，合计栏不显示以及保留两位小数问题。

【代码】el-tooltip 提示样式修改，

history模式：需要在服务器端配置，确保所有路由都重定向到index.html。hash模式：更简单，不需要服务器端配置，但 URL 中会有。根据你的项目需求和服务器环境选择合适的解决方案。

组件封装SvgIcon组件封装了对 SVG 图标的使用，使得图标可以像其他 Vue 组件一样使用，并且通过传递iconName来动态渲染不同的图标。动态导入: 使用使得所有 SVG 图标文件可以被一次性导入，这不仅简化了图标的使用，还能确保项目在构建时能正确处理和优化 SVG 图标。可维护性: 使用这种方式管理 SVG 图标，可以统一管理图标的样式和使用方式，增强了代码的可维护性和可扩展性。

【代码】elementui弹窗不显示echarts图表的问题。