vue3知识点
文章平均质量分 95
本专栏用于讲解vue3的各种知识点
枫ゞ
练习时长两年半的前端开发工程师一枚
展开
-
vue3 ts defineProps、defineEmits、defineExpose、defineOptions、defineSlots
本章我们来讲解vue3 ts 中 defineProps、defineEmits、defineExpose、defineOptions、defineSlots的使用及作用。在Vue3中,defineProps、defineEmits、defineExpose、defineOptions、defineSlots是一组新的功能函数,用于定义组件的属性、事件、暴露、选项和插槽。defineProps:用于定义组件的属性。通过调用该函数,可以声明组件的属性,并且将属性的类型、默认值等信息进行声明。原创 2024-01-10 19:56:31 · 2779 阅读 · 2 评论 -
vue3 内置组件
在vue3中 其提供了5个内置组件,其中是用于状态变化的过渡和动画KeepAlive是用于多个组件间动态切换时缓存被移除的组件实例Teleport是用于将一个组件内部的一部分模板“传送”到该组件的 DOM 结构外层的位置去Suspense目前还是实验性功能,是用来在组件树中协调对异步依赖的处理。接下来我们详细介绍每一个组件的用法及应用场景。原创 2024-01-08 20:08:25 · 1283 阅读 · 5 评论 -
vue3 修饰符大全(近万字长文)
本文是为了系统性的了解vue3中的修饰符,方便开发时的使用,使用修饰符可以方便地对事件进行控制和处理,提升用户体验。原创 2024-01-07 14:29:12 · 1671 阅读 · 3 评论 -
vue3 指令详解
Vue 中的指令是用来操作DOM元素的特殊属性,它们可以在模板中使用,并且通过Vue实例的指令选项进行自定义。原创 2024-01-07 15:39:52 · 1952 阅读 · 7 评论 -
vue3 响应式api中特殊的api
shallowReactive() 函数用于创建一个浅响应式对象,意味着只有对象的顶层属性会被劫持成响应式的,而嵌套的属性不会被劫持成响应式的。在 Vue 3 中,默认情况下,所有的对象都会被追踪并成为响应式对象,即当对象发生变化时,相关的界面会自动更新。这样的设计可以提高性能,因为对于大型的复杂对象,如果每次属性变化都进行递归的响应式处理,会带来很大的性能开销。只能将一层响应式对象转换为普通对象,如果转换的对象存在嵌套的响应式对象,则嵌套的响应式对象仍然是代理对象。如果传入的对象不是响应式对象,原创 2024-01-07 16:13:58 · 1064 阅读 · 5 评论