做项目遇到的问题：在两个兄弟组件中，点击其中一个组件的一个元素，如button，会触发其兄弟组件的刷新，
我的做法：在watch中监测某字段，更改了之后直接在watch中发送后端请求，如下：
![[外链图片转存失败,源站可能有防盗在这里插入!链机制,建描述]议将图片上https://传(imbo.csdnimg我觉得 .cn/684ba4dV2kYy6fd664609a51da9bf904d.png3a87)https://img-bl那么og.csdnimg.cn/684ba4d6fd664609a51da93a87bf904d.png)]](https://img-blog.csdnimg.cn/344e7b0df5f34f21b17c00367f6e5786.png)
但是每次发请求之后，都会耗时，导致每次页面刷新了但是数据没有挂载，此时需要用骨架屏解决问题。
loading表示是否显示加载骨架屏
每次请求改变的是depotAndSections的值
vue加载组件骨架屏el-skeleton使用
article/2025/9/15 3:10:07
相关文章
在vue项目中使用骨架屏
现在的应用开发，基本上都是前后端分离的，前端主流框架有SPA、MPA等，那么解决页面渲染、白屏时间成为首要关注的点
webpack可以按需加载，减小首屏需要加载代码的体积；
使用CDN技术、静态代码等缓存技术，可…
使用 Vite 插件自动化实现骨架屏
大厂技术 高级前端 Node进阶 点击上方 程序员成长指北，关注公众号 回复1，加入高级Node交流群 作者：橙红年代 原文：https://juejin.cn/post/7152406737100734495 骨架屏在SPA应用中有两个显著提升用户体验的作用 避免页面初始化加…
骨架屏技术讲解以及如何在Vue中实现骨架屏
骨架屏技术讲解以及如何在Vue中实现骨架屏 写在前面骨架屏是什么如何实现（原理分析）一个生动的例子 实现方式（具体实现）方案一、在模版中来实现骨架屏方案二、使用一个Base64的图片来作为骨架屏方案三、使用 .vue 文件来完成骨架屏…
正确使用uniapp搭配微信开发者工具自带的骨架屏功能，生成骨架屏
重点：把index.skeleton.wxml和index.skeleton.wxss文件中的（is““和data-event-opts””）的整个属性删掉 一、描述：解决使用uniapp开发微信小程序生成骨架屏 很多人都知道微信开发者工具自带生成骨架屏的功能，但是却不…
微信小程序：骨架屏的实现方法
骨架屏是为了展示一个页面骨架而不含有实际的页面内容，从渲染效率上来讲，骨架屏它并不能使首屏渲染加快。由于骨架屏的一些使用又向用户渲染了额外的一些内容，这些内容是额外添加的、本来是不需要渲染的，它反而从整体上加长了首屏…
微信小程序使用骨架屏
骨架屏的使用越来越广泛。在微信小程序中使用骨架屏如果自己实现，不同的页面对应不同的骨架屏，会有一定难度；不过，微信小程序已经提供生成骨架屏功能，使得我们在开发中非常方便，下面介绍如何生成 在生成骨架…
Skeleton Screen — 骨架屏
用户体验一直是前端开发需要考虑的重要部分，在数据请求时常见到锁屏的loading动画，而现在越来越多的产品倾向于使用Skeleton Screen Loading(骨架屏)替代，以优化用户体验。
一种自动生成网页骨架屏的方式 前端骨架屏方案小结 Skeleton Scree…
element-骨架屏
使用场景：在需要等待加载内容的位置设置骨架屏。
主要代码：（其中loading控制骨架屏的显示不显示，为false时不显示，为true时显示）
<template><div v-show"!loading"><!-- 第一行…
如何实现骨架屏效果？
今天我们来用原生js实现一个骨架屏的效果，效果如下： 首先思考如何实现
思考实现方式
骨架屏的原理是在数据没加载出来的时候，使用滚动的背景颜色去替代，等到加载完毕后则显示对应内容
那么我们的核心就是实现一个.skeleton的样…
前端骨架屏方案与实践
对于依赖接口渲染的页面，在拿到数据之前页面往往是空白的，为了提示用户当前正在加载中，往往会使用进度条、loading图标或骨架屏的方式。
对于前两种方案而言，实现比较简单；本文主要研究骨架屏的实现方案。 骨架屏(Ske…
网页骨架屏自动生成方案（dps）
来源：花满楼 https://zhuanlan.zhihu.com/p/74403911 什么是骨架屏？ 什么是骨架屏呢？骨架屏(Skeleton Screen)是指在页面数据加载完成前，先给用户展示出页面的大致结构（灰色占位图），在拿到接口数…
Vue中实现骨架屏的多种方式
vue-cli项目首页加载缓慢想要使用骨架屏效果，经过几天的实践，这里学习并记录一下vue项目自动生成骨架屏方法。 前言：骨架屏的作用主要是在网络请求较慢时，提供基础占位，当数据加载完成，恢复数据展示。这样给…
骨架屏原理——面试别再被挨打了
目录 前言
骨架屏是什么
骨架屏原理
用途：
（一）简单实现
（二） vue项目中的构建
（三）自动化方案 前言
同样是之前练手项目中的，emmm,知道干嘛用的，没了解过具体原理…
性能测试总结之内存泄露和内存溢出
刚刚做完了一个项目的性能测试，“有幸”也遇到了内存泄露的案例，所以在此和大家分享一下。
主要从以下几部分来说明，关于内存和内存泄露、溢出的概念，区分内存泄露和内存溢出；内存的区域划分，了解GC回收机…