11 2023 档案
摘要：笔记地址：https://blog.csdn.net/qz9420/article/details/132105876 一、搭建后台管理系统模板 1.1 项目初始化今天来带大家从0开始搭建一个vue3版本的后台管理系统。一个项目要有统一的规范，需要使用eslint+stylelint+prettie
阅读全文
摘要：前端有哪些性能优化？前端性能优化分两部分1、加载性能优化2、渲染性能优化一、加载性能优化 本质： • 1、减少请求次数； • 2、减少请求资源的大小； • 3、网络优化； 1、 减少请求次数方式 1）图片资源 ○ CSS雪碧图：把一些常用、重复使用的小图合并成一张大图 ○ 图片懒加载： 利用css的
阅读全文
摘要：一、常用 Composition API 1、拉开序幕的 setup 1. 理解： Vue3.0 中一个新的配置项，值为一个函数。 2. setup 是所有 Composition API （组合 API）“表演的舞台”。 3. 组件中所用到的：数据、方法等，均要配置在 setup 中。 4. se
阅读全文
摘要：一、自定义hook函数 1、什么是hook？ 本质是一个函数，把 setup 函数中使用的 Composition API 进行了封装 2、类似于 vue2.x 中的mixin 3、自定义 hook 的优势：复用代码，让 setup 中的逻辑更清楚易懂。 二、toRef 1、作用：创建一个 ref
阅读全文
摘要：1、setup() : 开始创建组件之前，在 beforeCreate 和 created 之前执行，创建的是 data 和 method 2、onBeforeMount() : 组件挂载到节点上之前执行的函数； 3、onMounted() : 组件挂载完成后执行的函数； 4、onBeforeUpd
阅读全文
摘要：1、computed 函数 与 Vue2.x 中 computed 配置功能一致 写法： import { computed } from 'vue setup() { // 计算属性简写 let fullName = computed(() => { return person.firstName
阅读全文
