80岁拄拐搞前端

这是一个基于Vue 3、Echarts、高德地图和Pinia开发的大屏可视化项目，提供了如下功能 大屏适配 图表组件(Echarts)封装 高德地图组件封装 拖拽布局 入场动画 无缝滚动 源码地址 在

elementui官网的表格单元格合并方法是针对静态数据的，判断是写死的。 而实际情况表格数据往往是动态的。 现如下图，需要将表格前四列的相同数据项合并。

计算属性的概念 本质：函数 （必须有返回值）| 对象（带getter和setter） 解决问题： 模板中过多的逻辑会让模板过重且难以维护，计算属性就是处理这种复杂逻辑的 原理： 当依赖的数据发生变化时

生命周期简介 生命周期(Life Cycle)是指一个组件从创建→运行→销毁的整个阶段，强调的是一个时间段， Vue 所有功能的实现都是围绕生命周期进行的 作用： 实现组件数据管理和 DOM 渲染两大

提出需求 最近工作接到的需求，需要实现一个全选功能，但是这个全选是包括分页的 效果图如下 由于还有分页，下一页的选中状态不能确定 所以点击全选仍然是未确定状态 确定状态 当所有的都被选上时才为全选 也

混入概念 混入 (mixin) 提供了一种非常灵活的方式，来分发 Vue 组件中的可复用功能 混入对象像正常实例对象一样包含实例选项，这些选项将会被合并到最终的选项中 一个混入对象可以包含任意组件选项

props概念 props 是自定义属性，合理使用 props 可以极大的提高组件的复用性 作用： 接收来自父组件的数据 本质： 数组(Array)｜对象(Object) 扩展： 对象形式允许配置高级

安装插件 在项目中安装以下插件 引入插件 在需要用的 Vue 文件里引入 格式转化 通过图片的 URL ，转换成二进制 Blob 对象 图片打包

插槽概念 插槽(Slot) 是 Vue 为组件的封装者提供的能力 在封装组件时，把不确定的、希望由用户指定的部分定义为插槽 目的： 让组件更加具有扩展性 分类： 默认插槽，具名插槽，作用域插槽 默认插