⑴ vue 开发一个你自己的v-loading
创建自定义Vue组件，简化项目中加载状态的显示，提升用户体验。以下步骤将引导你快速实现一个v-loading组件。
首先，编写一个基本的loading组件文件`loadingCom.vue`。此组件需具备显示与隐藏功能，通过props接收显示状态指示。组件模板可设计为一个简单的圆形旋转图标或加载动画，表示数据加载中。
其次，编写一个js文件，如`loadingDirectives.js`，专门处理指令逻辑。在此文件中定义一个名为`v-loading`的指令，用于绑定组件与数据逻辑。此指令需监听传入的加载状态属性变化，进而控制组件的显示与隐藏。
在`main.js`中引入并注册`loadingDirectives.js`文件。确保在应用实例创建时，组件与指令能够正确初始化。
最后，在你的界面中使用`v-loading`指令，结合组件实例与数据状态，轻松显示加载动画。例如，在需要加载数据的按钮或区域添加`v-loading="isLoading"`，其中`isLoading`为数据属性，指示是否正在加载。
这样，你就能在项目中快速引入和使用自定义v-loading组件，简化加载状态的显示逻辑，提升界面的响应性和用户体验。此组件设计灵活，便于扩展与维护，是Vue项目中管理加载状态的实用工具。
⑵ vue编程如何实现全局loading
实现全局 Loading 在 Vue 中的一种方式是通过 Vue 的 mixin。mixin 可以在全局范围内注入公共逻辑，简化代码结构。
定义一个 mixin，包含 loading 属性和两个方法，showLoading 和 hideLoading。这些方法能控制全局 loading 的显示与隐藏。
在 main.js 中引入定义的 mixin，并通过 Vue.mixin 方法将 mixin 注入到 Vue 实例中，实现全局化。
在需要显示全局 loading 的组件或方法中，调用 showLoading 方法启动 loading。在请求数据或操作完成后，调用 hideLoading 方法关闭 loading。
组件中可利用 loading 属性来展示局部 loading。在执行数据请求时，将 loading 属性设为 true；请求结束后，将其设为 false。
使用 mixin 实现全局 loading，简化了在多个组件中重复加载逻辑的编写。但具体实现还需根据项目需求灵活调整，此为基本实现方案。