- 博客(9)
- 收藏
- 关注
RSS订阅原创 Vue3生命周期钩子函数
在Vue 3中，生命周期钩子被重命名并分为了不同的阶段，以更好地描述它们的用途。: 这是一个新的入口点，在beforeCreate和created之前调用。：组件被 keep-alive 缓存和恢复时调用。：当捕获一个来自子孙组件的错误时被调用。：组件挂载前/后的生命周期钩子。：组件更新前/后的生命周期钩子。：组件卸载前/后的生命周期钩子。
2024-03-22 09:46:54
669
原创 Vue3 自定义Hooks
通过这种方式，你可以将逻辑从组件中提取出来，实现逻辑的复用和组件的解耦。自定义 Hooks 的设计遵循 Composition API 的思想，使得 Vue 3 中的组件逻辑更加灵活和可复用。4.更灵活的生命周期管理： Composition API 提供了 setup 函数，代替了 Vue 2 中的 data、methods 等选项，同时提供了更细粒度的生命周期钩子。在 Vue 3 中，自定义 Hooks 是通过 Composition API 实现的，它们是一组函数，用于封装可重用的逻辑。
2024-03-21 14:30:07
952
原创 vue2和vue3自定义指令
概念：自己定义的指令，可以封装一些DOM操作，扩展额外的功能全局注册//在main.js中Vue.directive('指令名', {// 可以对 el 标签，扩展额外功能el.focus()})局部注册//在Vue组件的配置项中"指令名": {// 可以对 el 标签，扩展额外功能el.focus()使用指令注意：在使用指令的时候，一定要先注册再使用，否则会报错 使用指令语法： v-指令名。注册指令时不用加v-前缀，但使用时一定要加v-前缀。
2024-03-08 10:04:30
269
原创 ts封装axios
export default axios //抛出axios以便别的文件调用。import axios from 'axios' //引入axios。// 在发送请求之前做些什么。// 对请求错误做些什么。// 对响应数据做点什么。// 对响应错误做点什么。// 添加请求拦截器。// 添加响应拦截器。
2024-03-04 19:21:50
423
原创 JavaScript中的闭包
闭包是在编程中的一种概念，它指的是有权访问另一个函数作用域中的变量的函数。具体来说，它可以被理解为定义在一个函数内部的函数，这样内部函数就可以访问到外部函数的局部变量。在JavaScript这样的动态类型脚本语言中，闭包的存在是为了允许我们间接访问函数内部的变量，同时也能延长这些变量的使用寿命，并减少命名空间污染。
2024-03-02 08:34:23
127
原创 什么是重排？如何减少重排
（1）.浏览器将获取的HTML文档解析成DOM树。（2）.处理CSS标记，构成层叠样式表模型CSSOM(CSS Object Model)。（3）.将DOM和CSSOM合并为渲染树(rendering tree)，代表一系列将被渲染的对象。（4）.渲染树的每个元素包含的内容都是计算过的，它被称之为布局layout。浏览器使用一种流式处理的方法，只需要一次绘制操作就可以布局所有的元素。（5）.将渲染树的各个节点绘制到屏幕上，这一步被称为绘制painting。
2024-03-01 09:03:18
503
原创 防抖和节流实现方法以及概念
如果用户多次频繁操作以最后一次为准，当然也可以以第一次为准，进行数据更新或者网络资源请求，以消除冗余的操作，或者减少一定的请求资源浪费。}, 5000);//意思是5秒后执行，不管5秒内点击多少次只算1次，故而防抖。
2024-02-28 20:54:48
352
原创 vue3组件常用的通信方式
其实vue3 的很多方法都跟vue2相似也几乎可以说是一样只不过调用方式不同，父子传参，之前父传子 子接受用的是props现在呢换成了defineProps，跟props用法差不多里面一个数据和它的类型然后就调用就可以了 》import Zi from './views/Index.vue' //子组件。import Zi from './views/Index.vue' //子组件。//defineProps是一个函数，参数与vue2的props选项相同。
2024-02-27 20:59:48
1491
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人