两年的时间

对这个效果做一个封装 需要准备两个.vue文件，这两个文件都需要在全局注册 1.bread.vue 2.bread-item.vue 3.全局注册 基于Vue3 4.在组件中使用:

前言： 想监听某元素是否进入了视口 有一个新的 IntersectionObserver API，可以自动"观察"元素是否可见，Chrome 51+ 已经支持。由于可见（visible）的本质是，目标

引入 Lazyload 是 Vue 指令，使用前需要对指令进行注册。 图片懒加载. 在组件中使用,把所有img的src换成v-lazy 背景图懒加载 和图片懒加载不同，背景图懒加载需要使用 v-laz

使用 @vueuse/core 中的 useIntersectionObserver 来实现监听进入可视区域行为，配合vue3.0的组合API的方式实现。 这是useIntersectionObser

前言:今天写轮播图时想到一个事情 轮播图是自动播放,其实如果不在可视区域显示的时候 可以将它清除的 这时候就会用到生命周期的组件销毁 然后想到了什么情况下会导致组件销毁呢 查了一下 有但不限于以下几种

如果数据是通过接口获取的话,有一个问题就是页面刷新的话数据会出现白屏效果,体验十分不好,这时候我们可以提供默认的分类数据，防止出现空白的分类效果 1.在工具栏里定义一个默认数据 2.在VUEX中导入

1./deep/ 2.::v-deep Vue3中有警告，改成这样 3.>>> 如果vue的style使用的是css，那么则

前言:今天在代码中看到了<RouterLink to='/'></RouterLink>发现忘记了 查了一下<router-link>组件的属性有： to 、replace、 append、 tag、

一个样式 多个样式一个样式 多个样式一个样式 多个样式一个样式 多个样式一个样式 多个样式一个样式 多个样式