宫城姬野

摘要： vue-hooks__钩子函数__进阶 联合其他模块进行使用 useHandleData 用于处理数据 import { ElMessageBox, ElMessage } from "element-plus";// 引入element-plus的弹窗组件 /** * @description 操 阅读全文

摘要： vue-hooks__钩子函数 1. 什么是钩子函数 钩子函数是一种在某个时刻被调用的函数，它可以让我们在某个时刻做一些事情，比如在组件挂载之前做一些事情，或者在组件更新之前做一些事情，或者在组件卸载之前做一些事情。 2. 常用钩子函数 useTime 日期时间 import { ref } fro 阅读全文

摘要： vue-utils__工具类函数 1.is 判断 const toString = Object.prototype.toString; /** * @description: 判断值是否为某个类型 */ export function is(val, type) { return toString 阅读全文

摘要： vue-directive__自定义指令 1.复制 /** * v-copy * 复制某个值至剪贴板 * 接收参数：string类型/Ref<string>类型/Reactive<string>类型 */ import type { Directive, DirectiveBinding } fro 阅读全文

摘要： 目录 1.动态导入路由模块 2.设置路由守卫 3.过滤出缓存路由 4.路由模块 src/routers目录结构 ├─cacheRouter.ts ├─index.ts ├─router.ts ├─modules 动态导入路由模块 src/routers/router.ts import { crea 阅读全文

摘要： 1. 项目优化策略 1.生成打包报告 1.1 通过命令行参数的形式生成报告 通过 vue-cli 的命令选项可以生成打包报告 --report 选项可以生成 report.html 以帮助分析包内容 npm run build --report 1.2 通过可视化的UI面板直接查看报告（推荐） 在可 阅读全文