Vue3跨组件通信控制加载状态使用provide和inject的案例分析
Vue3跨组件通信控制加载状态。父组件需要等待所有子组件的API数据请求完成后，才隐藏 loading。但子组件的数据请求在各自内部完成，父组件无法直接感知，通过provide和inject方法可以让父组件得到反馈。...
使用axios-retry库让axios请求出现错误后自动重试
使用axios-retry库让axios请求出现错误后自动重试，当遇到请求超时或者服务器返回其他情况时，可以自动重试请求...
Vite+Vue3项目批量引入图片的方法
Vite+Vue3项目批量引入图片的方法是借助import.meta.glob导入文件。对于一批文件名类似的文件可以很方便的导入项目提供组件使用。...
Vue3的setup语法中使用onBeforeRouteEnter
Vue3的setup语法中使用onBeforeRouteEnter的思路，借助setup函数中自定义方法onBeforeRouteEnter与组件beforeRouteEnter关联实现。...
vue3项目中极简axios封装与应用
axios在前端项目中作为一个网络请求库，它可以运行在浏览器和node.js环境中，因此非常的流行。极简axios封装与应用，在日常开发的简单应用中即可拿来主义直接使用。...
vue页面使用highlight.js代码高亮和Clipboard代码复制
Vue2和Vue3使用highlight.js进行代码高亮，Clipboard进行代码复制有一定差异，主要是this在vue3中不指向组件实例。...
Unhead管理网站head标签内容
使用vue2开发网站前端的时候使用组件vue-meta，可针对每个页面设置不同的标题和描述信息。再使用vue3开发的时候发现Unhead更为方便。...
Vue2页面菜单切换高亮应用
由于Vue单页项目的特征，菜单高亮显示不同于Jquery的操作，需要根据路由的变化来判断设置高亮。...
Vue2项目添加jquery的方法以及DOM操作
Vue2引入jquery的方式主要是通过main.js配置全局引用之后，还需要在vue.config.js里继续配置...
Vue2路由切换组件的生命周期变化
Vue2路由的切换实质是 Vue 组件的销毁和创建，从一个组件切换到另外一个组件，类似于销毁一个组件再创建另外一个组件并挂载，而这里细节涉及到组件的创建，挂载，更新和销毁等生命周期钩子。...