LYJbao的博客

element-ui是适用于vue2，element-plus适用于vue3，我的这个项目是使用的vue3~

使用elementplus中提供的：当所有数据都加载结束后，需要停止加载：关于无限滚动的其他属性，可自行尝试~

目录1、图片懒加载步骤一：自定义全局指令步骤二：代码中使用​编辑步骤三：效果查看步骤四：代码优化2、封装组件案例-传对象3、路由配置——tab标签4、根据tab标签添加面包屑4.1、实现4.2、bug：需要手动刷新4.3、解决方案一4.4、方案优化：onBeforeRouteUpdate钩子函数5、修改路由行为重构main.js文件：代码解释:：这是指令的 钩子函数，它在被绑定的元素插入到父节点时调用。：使用@vueuse/core的API - 函数来观察 元素是否进入视口。：这是 的回调函数

Vue CLI 是 Vue.js 的官方脚手架，用于快速创建和管理 Vue.js 项目。但是，出现了一个新的工具 Vite，它号称比 Vue CLI 更快、更轻量级。Vite 通过利用 ES6 模块的本地导入特性，让开发者可以在开发时更快地编译和构建项目。如果你已经使用 Vue CLI 进行开发，想要尝试 Vite 的话，那么本文就是为你准备的。本文将介绍如何将现有的 Vue CLI 项目迁移到 Vite 中。

【都可以使用这个，好像是黑马老师写的，有点记不清了~】【使用自己写的后端项目就更好啦~】

【Vue-cli - 引入阿里矢量库图标 + 吸顶交互 + setup语法糖】

路由设计原则：找页面的切换方式，如果是整体切换，则为一级路由，如果是在一级路由的内部进行的内容切换，则为二级路由。卸载重装，使用npm。：设置一级路由页面渲染入口。

并发请求：将多个请求在同一时刻发送到后端服务接口，最后在集中处理每个请求的响应结果。不了解后端的宝子，也不会耽误学习，因为公司里会有写好的接口文档，直接使用就可以了。注：个人学习笔记，因自己学过后端，所以有关后端的代码，我在这里就不展示了~好啦，以上就是简单的学习，简单了解一下，axios的强大之处~格式其实还是挺简单的~

例如下面的例子【其他：.tab .delete .esc .space .up .down .left .right】此时，我们点击子div，也不会触发父div的alert，因为添加了.self，他只关心自己标签上的事件。.self：用来针对当前标签的事件触发——只触发自己标签上的特定动作，只关心自己标签上触发的事件，不监听事件冒泡。不管是点击子div，冒泡触发的，还是点击父div自己触发的，一共只触发一次~修饰符：用来和事件连用，用来决定事件触发条件或者是阻止事件的触发机制~

新手快来学习