![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue3
文章平均质量分 67
骑着骆驼去南极
既然你诚心诚意的发问了,那我就大发慈悲地告诉你,为了防止世界被破坏,为了守护世界的和平,贯彻爱与真实的邪恶,我,来自于光明的编码使者!
展开
-
【vue3】Vue3+ts引入Markdown(支持边写边编译)
是vue3 环境的 Markdown 编辑器,使用 jsx 和 typescript 语法开发,支持在 tsx 项目使用。使用更多的扩展工具栏组件,例如:导出内容为 PDF。使用已存在的语言、主题扩展,例如:日语。原创 2024-03-11 10:09:03 · 901 阅读 · 0 评论 -
【Vue3】Ref 和 ShallowRef 的区别
Ref 是 Vue 3 中的一个新的基本响应式数据类型,它允许我们包装任意的 JavaScript 值,并且在数据变化时发出通知。Ref 提供了一个 .value 属性来访问其内部的值,同时还提供了一些额外的 API 来处理数据。Ref 可以被用于跟踪单个值的变化,并在需要时自动触发重新渲染。ShallowRef 与 Ref 类似,它也是用来包装值并监听变化的。但是,与 Ref 不同的是,ShallowRef 会对其包装的值进行浅层的响应式转换。原创 2024-03-05 12:56:09 · 1574 阅读 · 0 评论 -
图片加载缓慢的原因及解决办法
优化图片大小、压缩和优化图片、优化服务器性能、分批加载图片、懒加载、考虑用户网络环境等都是提高页面加载速度的有效方法。原创 2024-02-26 17:15:08 · 4566 阅读 · 0 评论 -
【Vue3】Composition API与Options API:选择正确的方式组织你的Vue代码
setup() {return {count,increment通过以上示例,我们可以看到的使用方式和有着明显的区别。更灵活、可复用,并且将相关逻辑集中在一起,更易于理解和维护。综上所述,Vue 3的与各有特点和适用场景,了解它们的区别和优劣势,可以帮助你更好地选择合适的方式来组织和管理你的Vue代码。原创 2024-02-26 17:04:38 · 1046 阅读 · 0 评论 -
【JS】substring方法与substr的区别
虽然 substring 和 substr 方法在某些情况下可以互换使用,但它们的参数和行为上存在一些差异。在使用时,需要根据具体需求选择合适的方法,并注意其不同之处,以避免出现意外的结果。原创 2024-02-22 11:44:15 · 743 阅读 · 0 评论 -
【vue】JavaScript 和 TypeScript 数组方法详解
大家都知道,在做前后端交互的时候,后端传回来的数据有很多都是数组类型,那么也必定会有很多复杂的数组操作,你是不是还只会简单的push和forEach?原创 2024-02-07 14:02:40 · 526 阅读 · 0 评论 -
【vue】Vuex 与 Pinia:Vue.js 状态管理库对比
Vuex 和 Pinia 都是 Vue.js 的状态管理库,它们都提供了集中式存储和管理应用程序状态的功能。但是,它们在设计和实现上存在一些关键差异。Vuex 采用集中式状态管理的方式,它具有良好的文档和社区支持,并且它与 Vue.js 的集成非常紧密。但是,Vuex 也有一些缺点,例如它相对复杂,并且它可能会导致应用程序的性能问题。Pinia 采用分散式状态管理的方式,它相对简单,并且它不会导致应用程序的性能问题。原创 2024-02-02 17:31:45 · 413 阅读 · 0 评论 -
【Vue.js】Vue.js 中的 nextTick() 方法
方法在 Vue.js 中是一个非常有用的工具,它允许你在当前事件循环结束后执行某些操作。这对于在 DOM 更新后执行操作非常有用,因为它可以确保在 DOM 更新完成后再执行这些操作。 方法接受一个回调函数作为参数,该回调函数将在当前事件循环结束后执行。回调函数可以接收一个参数,该参数是 Vue 实例。以下是一些使用 方法的示例:原创 2024-02-01 15:15:39 · 532 阅读 · 1 评论 -
【vue3+TS】customRef在实战中的使用(防抖)
customRef用于自定义一个ref,可以显式的控制依赖追踪和触发响应,接受一个工厂函数,两个参数分别用于追踪的track与用于触发响应的trigger,并返回一个带有get和set属性的对象,在实际开发中可以实现。是指在一段时间内,如果同一个函数被多次触发,则只执行最后一次,如果这段时间内没有再次触发该函数则执行一次。频繁触发的事件,如输入框输入时实时搜索,在用户输入时每次都发起请求会造成性能问题,可以用防抖函数实现一定的延迟,等待用户输入完成后再请求。原创 2023-11-21 21:35:00 · 308 阅读 · 0 评论 -
【vue3】watch与watchEffect的全面用法(一篇就会)
默认初始时不执行回调,但可以通过配置immediate为true,来指定初始时立即执行第一次,通过配置deep为true,来指定深度监听。watchEffect可以不用直接指定要监听的数据,回调函数中使用的哪些响应式数据就监听哪些响应式数据,watch可以监听一个或多个响应式数据,一旦数据变化,就自动执行监听回调。如果监听多个数据,需要使用数组来指定。(主要区别在watch监听的数据上)如果是监听reactive对象中的属性,必须通过函数来指定。没有点击按钮时,显示undefined。原创 2023-11-21 20:57:05 · 290 阅读 · 0 评论 -
Vue3中computed计算属性的全面用法(简单易懂,一篇就会)
所以在vue3中,如果需要既要循环数据,又要对数据进行筛选,就用到了computed。在vue3版本中,v-if和v-for不能同时使用。computed用于简单的计算。原创 2023-11-21 19:35:15 · 4802 阅读 · 1 评论 -
Vue3版本开发toast插件
Vue3的Toast插件是一种消息提示组件,主要用于消息通知、加载提示、操作结果提示等醒目提示效果。Toast组件几乎是没有个组件库必备的组件,通过Toast组件开发可以比较全面的学习Vuejs的相关技能点。在src目录下新建文件夹plugins,在plugins中新建文件夹my-toast,然后在这个文件夹里新建一个mytoast.vue和一个index.ts。到现在就是可以打印出虚拟节点vm的内容看一下,就是。这就是调用了onClose方法。三秒后会消失,并且控制台打印。原创 2023-11-21 19:31:13 · 756 阅读 · 0 评论 -
深入探讨Vue 3生命周期钩子及其具体用法
生命周期钩子是Vue组件提供的一组函数,用于在组件的不同生命周期阶段执行特定的代码。这些生命周期钩子可以让您在组件创建、挂载、更新和销毁等关键时刻插入自定义逻辑。Vue 3的生命周期钩子与Vue 2相似,但也有一些重要的变化。Vue 3 提供了一组强大的生命周期钩子和数据监听机制,以帮助您更好地管理组件的生命周期和数据。watch 函数作为 Vue 3 中的一个重要特性,允许您监听数据变化并执行自定义操作。结合生命周期钩子和 watch 函数,您可以构建出高效、可维护的Vue应用程序。原创 2023-09-16 16:20:44 · 625 阅读 · 1 评论 -
【vue3+ts】动态生成word文件并下载
看了很多帖子,最后还是自己搞定的……没一个靠谱的,都说不清楚,那就自己动手吧!原创 2023-05-21 14:33:55 · 1930 阅读 · 15 评论 -
【Vue3响应式】ref、reactive,以及toRefs 函数
Vue3中的ref和reactive都是响应式数据的实现方式。在Vue3中,我们可以使用ref来将基本数据类型包装为一个响应式对象,使用reactive将对象包装为响应式对象。本文将介绍这两种响应式数据的实现方式以及它们之间的区别。 toRefs 函数可以将一个响应式对象转换为一组响应式属性。这个函数可以用于将父组件中的响应式对象传递给子组件,并在子组件中以单独的响应式属性的形式使用它们。原创 2023-04-01 11:03:41 · 7524 阅读 · 1 评论