个人技术分享

组件官网 elementPlus : 点击跳转创建新的组件文件: Table.vue2.接收父组件传递过来的数据3.父组件代码效果：

在上一篇文章中分享了创建table的过程，本文在创建好的table的基础上，再创建一个增加按钮。

但是为什么会出现这个情况呢：原来是Vue在编译模板时，会对静态内容进行优化，将其提升为静态渲染，以提高性能。当我们用slot="header"来定义表头时，Vue会将其视为静态内容，不会进行响应式更新。动态插槽会被Vue处理为响应式的内容，当数据变化时，Vue会重新渲染插槽内容，并将其更新到对应的位置上。这样就实现了自动更新。显示是显示出来了，但是数据是最开始默认的，不会更新，后来我搜索到方法，说讲将slot=“header” 改成#header，改了之后的确可以显示了。

CSGO赛事管理系统是针对CSGO赛事管理方面必不可少的一个部分。在CSGO赛事管理的整个过程中，CSGO赛事管理系统担负着最重要的角色。为满足如今日益复杂的管理需求，各类的管理系统也在不断改进。本课题所设计的CSGO赛事管理系统，使用java进行开发，它的优点代码不能从浏览器查看，保密性非常好，比其他的系统更具安全性。java还容易修改和调试，毕竟社会是在不断发展过程中难免有更多需求，这点很重要。而且，本系统除了有对CSGO赛事的管理，还添加了对用户的资料管理，这也是为了满足系统更深层次的需求。

在Vue中，我们可以使用v-for指令来根据条件渲染多个元素。v-for指令可以绑定到一个数组或对象上，通过遍历数组或对象的每个元素，我们可以根据每个元素的值来渲染相应的元素。这样可以实现根据不同条件渲染不同的元素，例如根据数据数组的长度渲染多个列表项

在动态路由的实现过程中，用户登录成功后，系统会返回相应的路由数据。由于这些数据可能包含多层级，因此需要封装一个方法来进行深度递归的查找，将这些数据转换成路由所需的格式，并存储在一个空数组中。动态路由主要为了解决路由权限的问题，即确保每个用户登录后返回的菜单都是不同的，这取决于他们的权限级别。相较于静态路由，动态路由更加灵活，能够适应权限的变更，如新增或删除权限，而无需进行重复维护。总的来说，动态路由的设计和实施，可以大大提高系统的灵活性和效率，更好地满足用户的实际需求。

解决鼠标滚动时element-ui日期选择器错位的问题

本章主要讲解vue3 中 reactive, ref, readonly 三个响应式核心API 的使用. 介绍了三个API基本用法, 使用细节, 以及类型标注等内容

v-bind

vue 微信小程序 uniapp 微信头像上传裁剪功能

5. 使用iconfont 使用 iconfont 有两种方式， 一种是 class 方式， 一种是使用 unicode 的方式。5.2 使用 unicode 的方式。5.1 使用 class 的方式。

el-input 自动获取焦点

直接从官网复制来的代码是 onReady 函数，而 vue 组件会让 uniapp 的生命周期函数失效

但是为什么会出现这个情况呢：原来是Vue在编译模板时，会对静态内容进行优化，将其提升为静态渲染，以提高性能。当我们用slot="header"来定义表头时，Vue会将其视为静态内容，不会进行响应式更新。动态插槽会被Vue处理为响应式的内容，当数据变化时，Vue会重新渲染插槽内容，并将其更新到对应的位置上。这样就实现了自动更新。显示是显示出来了，但是数据是最开始默认的，不会更新，后来我搜索到方法，说讲将slot=“header” 改成#header，改了之后的确可以显示了。

一种组件间通信方式，适用于父子组件间通信。通过父组件给子组件传递函数类型的props实现: 子给父传递数据通过父组件给子组件绑定一个自定义事件实现: 子给父传递数据(第一种写法，使用@或v-on、$emit通过父组件给子组件绑定一个自定义事件实现: 子给父传递数据(第二种写法，使用refthis.$off('atguigu') //解绑一个自定义事件this.$off(['atguigu'，demo']) //解绑多个自定义事件this.$off() //解绑所有的自定义事件。

/时间范围必须大于今天。// text: '12小时',// text: '1小时',// text: '3小时',// text: '6小时',// text: '15天',// text: '31天',// text: '1天',// text: '3天',// text: '7天',

从另一方面来说，由于可以通过保持属性引用稳定来避免子组件的重渲染，那么我们应该细分组件来尽量避免多余的渲染（只要组件对应的对象 地址不发生改变，则不会重新渲染）。当使用v-mode1绑定一个表单项时，当用户改变表单项的状态时，也会随之改变数据，从而导致vue发生重渲染(rerender)，这会带来一些性能的开销。我们可以通过使用lazy或不使用v-model的方式解决该问题，但要注意，这样可能会导致在某一个时间段内数据和表单项的值是不一致的。但是这种也会存在问题，就是数据不是实时的。

element 表格滚动条滑动，表格错位

vue3中在elementplus多行表格中渲染多图数组中首图的显示问题，作用域插槽写法问题在vue3中使用elementplus的el-table组件的时候，此时我在vue生命周期中挂载时获取了到服务器了数据，这个数据是一个多个对象的数组，各个对象又包括了图片数组，此时我想在表格上的每一行渲染图片的首图，也就是下标为0的图片，但是出现图片无法正常显示。出现Property "scope" was accessed during render but is not defined on instance.

Vue学习穿梭框Transfer组件