vue

使用 element 中的，当把级联选择器当插槽放入table中的时候，el-cascader下拉框不跟随滚动，且会在页面中的位置固定，这里我们动态隐藏el-cascader下拉框的方法实现需求。

在使用vite+vue3的时候，更新.vue文件的时候， 没有热更新，浏览器无相应，网页刷新也不行，只能通过重新run来解决， 只涉及一个文件，下面就来看一下怎么解决 vite热更新失效的问题。

使用element组件的时候，这个组件提供了日期区间选择，但没有提供年份区间选择的能力，现在网络上也有一些成熟的其他人进行的改造。但都是两个组件组合在一起的方式，我们来实现一个单独的年份区间组件。

el-table 组件 鼠标悬浮的时候会自动给增加一个悬浮背景色， 当我们这里用到了单元格合并以后，这个背景色就会把左边合并了的 悬浮样式和右边第一行的一起触发，下面代码在 css 中单独处理了。

使用技术 vue2 + element-ui + vuex 功能 完成 ProTable 的封装，包含 列设置、搜索、分页、api集成、表格全屏、组件插槽等功能。

vue常用的组件库`element`不论什么版本并没有提供表格的行内编辑功能，在github也没有搜到符合自己设想的案例，接下来我们就按照 design的EditableProTable实现vue的

那么 antd 的 tree 组件中没有给我们封装搜索，其官网提供的搜索也不是封装好的，而且限制比较大，因为我的树形进来要默认展开，官方的代码是进行了响应式，就不能上来就全部展开了

我们在使用 a-table 组件的时候，会经常碰到表格中需要有子级展开的需求，而 组件中的 defaultExpandedRowKeys 不是响应式的，也就是说我们第一次进来，会加载一次，后面不会响应

在这里我们来了解一下 AntDesignVue table表格中设置滚动条以后顶部会多出一部分的原因以及解决方案，和常见的 rowKeys 报错解决方案。

vue3 的生态系统 总体来说 和 vue2 区别还是很大的，不论是从构建工具，还是从状态管理 ， 下面咱们就主要从以下几个方面，来大致了解以下 vue3 推荐的 匹配的生态系统

我们在前面已经大致的了解了 vue2 和 vue3 的一些特性， 这里我们针对 vue3 的响应式原理 ，进行一下深度的剖析

我们在前面已经大致的了解了 vue2 和 vue3 的一些特性， 这里我们针对 vue3 的模板渲染原理 ，进行一下深度的剖析

vue3 的升级在原有基础 api 兼容的一部分，还有一部分是不兼容的，也就是原有的一节 api 是不能使用的， 这一点比较重要，特别是从 vue2 研发了多年 迁移到 vue3 的开发人员，更要关注

vue2 -- vue3 的升级 可以拆分成几个方面，我们可以从这几点开分析， 响应式、DIFF、语法（API）、新增特性、生态， 下面咱们就先逐一查看他都更新了哪些东西

现在 vue3 的版本发布已近一年的时间， 回过头来看 vue2， 很多东西大家在使用的时候，如果已经开始写 vue3 的项目 或者在学习 vue3的项目的话， 大部分时候也能感觉到这二者的部分区别的

element 中的 el-autocomplete 并没有滚动加载的API， 我们可以自定义一个指令， 来动态获取滚动条的参数，来触发对应的回调，实现无限滚动的效果