YUELEI118的博客

width16px;</</</</</</</importfromimportfrom// activeIcon: 用于返现用户已经选择的图标const;constref'';constref;// 订阅selected时间，发送用户当前选择的图标const'selected';// 通过js文件中的方法，将icon/svg文件夹中的图标的名字取出来functioniffilteritem。

【代码】Vue3 集成wangEditor 5。

【代码】使用htool工具导出和导入Excel表。

前提：使用创建vue应用，并且在创建项目时就勾选eslint和prettier，不然有些配置还需要手动配，比如解决eslint和prettier的冲突问题。

【代码】Vue使用ScreenFull插件实现全屏切换。

【代码】vue3 使用sass变量 @use。

"./*.d.ts"

根据服务器传回来的数据动态的注册路由信息，登录用户的角色不同生成的菜单不同。

在项目中区分生产和开发环境，以便对项目做更好的配置

封装axios，封装全局、实例（域）、请求（一次性）拦截器

使用create vue创建的vue工程，碰到eslint的一些错误。

Vue normalize.css 样式重置。

next()的作用：next()就是通过的意思，但是通过后会继续走剩下的代码，并且next()在代码中会调用多次，不容易察觉错误。首先这个进度条是假的，并不能真正的表示加载页面的进度。开头的是绝对路径，它是完整路径不受父路径影响，没有。想要记录滚动位置，必须在当前的vue中添加该样式。如果只在父级中加该样式，滚动是可以实现，但是。是相对路径，需要向上找父级路径，直到找到带。小满视频里面是手写的，我看的困，使用现成的。就是给路径起个别的名字，必须是。，如果vue中没有设置滚动条，// 返回当前路由地址。

自定义指令必须以v开头的驼峰式命名的变量在模板中使用时需要用分割自定义指令-- v-has-show分割后的指令 --> < button v-has-show > 创建 </ button > </ div > </ template > < script setup lang = " ts " > import {// 自定义指令vHasShow，在模板中使用-分割为：v-has-show const vHasShow : Directive =(el , binding) => {

子组件-- 2. 定义一个点击事件 -->第一种发送方式-- 或者第2步和第3步写在一起. 直接在@click事件中使用emit触发事件clickSend，并传递参数 -->第二种发送方式

Vue自定义指令+IntersectionObserver实现图片懒加载

【代码】Vue3+Vite 解决“找不到模块“@/components/xxx.vue”或其相应的类型声明 ts(2307)”

通义灵码翻译结果：这个问题出现在 Vue 中当你不小心将一个组件实例通过 ref 变成了响应式对象时。这会导致不必要的性能开销，因为 Vue 会尝试追踪这个组件内部的变化来决定是否需要重新渲染，而这对于组件来说通常是不必要的。直接通过ref或者reactive声明一个组件时，会报以上错误，使用shallowRef声明。

1.:class的4种用法2. 使用:class实现标签选择

vue3中reactive的响应式原理

vue3中使用插槽

在vue中使用svg图标，最简单的方法

Vue3的状态管理工具Pinia,以及Pinia的数据持久化插件

ref()安装插件： npm i mitt在src新建目录utils，新建文件event-bus.jsemitter.on(eventName, callback) // 绑定事件emitter.off(eventName, callback) // 关闭事件emitter.emit(eventName,...args) // 提交事件emitter.once(eventName, callback) //事件只提交一次。