2024年3月14日
摘要: 1.路由懒加载: (1)说明 路由懒加载是指路由的JS资源只有在被访问的时候才会被动态获取,是为了优化项目首次打开的时间。 (2)配置 把路由修改为由React提供的lazy函数进行动态导入 import {Suspense, lazy} from 'react' //lazy函数对组件进行导入 c 阅读全文
posted @ 2024-03-14 17:38 萬事順意 阅读(70) 评论(0) 推荐(0) 编辑
摘要: 当使用 <keep-alive> 标签包裹组件时,Vue.js 会将这个组件缓存起来,而不是每次重新创建和销毁。这意味着组件的状态、数据和生命周期钩子函数都得以保留,以便在下次被激活时能够立即恢复到之前的状态。 <keep-alive> 的主要作用是优化组件的性能和用户体验,尤其适用于频繁切换或重复 阅读全文
posted @ 2024-03-14 15:10 萬事順意 阅读(32) 评论(0) 推荐(0) 编辑
摘要: 在 Vue.js 中,以 $ 开头的属性通常是框架内部提供的特殊属性或方法,用于访问 Vue 实例的一些内部属性或执行特定的操作。以下是一些常见的以 $ 开头的属性: 属性: 1.$data:Vue 实例的数据对象,包含实例中定义的数据。 const app = new Vue({ data: { 阅读全文
posted @ 2024-03-14 14:15 萬事順意 阅读(708) 评论(0) 推荐(0) 编辑
摘要: 1.默认情况下,打包好的文件需要房子啊服务器的根目录下,如果希望能够双击运行,需要配置pacblicPath为相对路径 const { defineConfig } = require('@vue/cli-service') module.exports = defineConfig({ publi 阅读全文
posted @ 2024-03-14 12:23 萬事順意 阅读(7) 评论(0) 推荐(0) 编辑
摘要: Vue 的导航守卫是 Vue Router 提供的一种机制,用于在导航过程中对路由进行控制和管理。通过导航守卫,你可以在路由导航前、导航后、以及路由更新前后等不同阶段执行特定的逻辑操作。 全局前置守卫 (Global Before Guards): beforeEach(to, from, next 阅读全文
posted @ 2024-03-14 12:07 萬事順意 阅读(16) 评论(0) 推荐(0) 编辑
摘要: 1.请求模块 import axios from 'axios' const request = axios.create({ baseURL : '',//请求的域名地址 timeout : 5000, }) request.interceptors.request.use((config)=>{ 阅读全文
posted @ 2024-03-14 11:06 萬事順意 阅读(22) 评论(0) 推荐(0) 编辑