自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(6)
  • 收藏
  • 关注

原创 RabbitMQ的五大常用模式

RabbitMQ的五大工作模式基于交换机、队列、绑定的组合实现。简单模式与工作队列模式使用默认交换机,前者一对一,后者多消费者轮询处理;发布/订阅模式通过Fanout交换机广播消息至所有绑定队列,实现一对多;路由模式(Direct)根据RoutingKey精准投递;主题模式(Topic)支持通配符,灵活匹配路由键,实现更复杂的分发场景。

2026-09-25 16:23:02 367 1

原创 defineOptions和defineModel的作用与好处?

在Vue3的<script setup>中,defineOptions和defineModel是两个实用的编译器宏。defineOptions允许在语法糖内直接声明组件选项(如name、inheritAttrs),避免双<script>标签,提升代码简洁性与可维护性。defineModel则简化双向绑定逻辑,通过一行代码实现v-model功能,返回可读写ref,支持具名及多v-model,极大提升表单组件开发效率。两者均无需导入,构建时自动处理,已在Vue3.4中稳定可用。

2026-09-22 19:27:48 465

原创 来看看VUE2和VUE3中的钩子函数有何不同

钩子函数是Vue中用于在组件生命周期特定阶段执行代码的机制,如创建、挂载、更新、卸载等。Vue2用选项式API(如created、mounted),Vue3用组合式API(如onMounted、onUpdated)。通过钩子可实现数据初始化、DOM操作、资源清理等逻辑,确保代码在正确时机运行。

2026-09-21 09:38:52 409

原创 Vue插槽你明白了吗?----作用域插槽

作用域插槽允许在定义插槽时传递数据,使组件使用者能访问插槽内的数据。通过在 <slot> 标签上绑定属性,这些属性会被收集到一个对象中。在使用组件时,用 #插槽名="obj" 接收该对象(默认插槽为 #default="obj"),从而在模板中动态渲染内容,提升组件灵活性与复用性。

2026-09-19 08:50:03 320

原创 Vue插槽你明白了吗?----具名插槽

在组件中使用多个插槽时,可通过给 <slot> 添加 name 属性来命名。外部调用时,使用 v-slot:名字(或简写为 #名字)指定内容分发到对应插槽,实现灵活定制。例如:<template #header>...</template> 将内容插入名为 header 的插槽,提升组件复用性与可维护性。

2026-09-19 08:24:35 274

原创 Vue插槽你明白了吗?

当传递数据(如字符串、数组)时,应使用 props;而当需要传递 HTML 结构时,应使用 <slot></slot>插槽占位。props 用于传递数据,插槽则用于插入动态的 DOM 结构,两者用途不同,机制也不同。

2026-09-18 11:01:13 324

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除