自定义博客皮肤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)
  • 收藏
  • 关注

原创 Vuex Store 基础用法:从 State 到 Actions

State: 驱动应用的单一状态源Mutations: 同步修改 State 的方法Actions: 处理异步操作并提交 Mutations// 示例:Store 初始化state: { /* 数据 */ },mutations: { /* 同步方法 */ },actions: { /* 异步方法 */ }})在组件中我们不能修改仓库里的属性值Mutations唯一修改 State 的入口:所有状态变更必须通过 mutations同步操作:只能包含同步代码,确保状态变更是可追踪的。

2025-04-12 20:12:01 1225

原创 # Vue 中作用域插槽详解:解锁组件通信的高级姿势

作用域插槽为 Vue 组件开发带来更强大的灵活性,特别适合需要数据与展示分离的场景。掌握该特性可以显著提升组件库的开发质量和复用性。

2025-03-23 10:03:36 601

原创 Vue 自定义指令与全局注册和局部注册

自定义指令为 Vue 开发者提供了强大的 DOM 操作能力,合理使用可以:提升代码复用性封装复杂DOM逻辑实现声明式功能扩展。

2025-03-22 20:58:30 290

原创 Vue非父子组件通信:3步快速掌握事件总线(Event Bus)

1.创建事件总线eventBus(vue实例)2.发送方触发自定义事件3.接收方监听并处理数据事件总线就像组件间的对讲机,简单场景下能显著提升开发效率。立即在项目中尝试这种优雅的通信方式吧!🚀。

2025-03-21 20:15:56 588

原创 Vue父子组件间通信:Props与$emit的用法

父组件:直接引入并包裹子组件的组件。子组件:被父组件通过标签形式调用的组件。父 → 子 -----------Props -----------初始化数据传递。子 → 父 --------$emit + @ --------子组件操作反馈。

2025-03-20 20:47:20 1253

原创 Vue---style的scoped属性

scoped使用场景组件隔离:防止组件样式影响全局或其他组件,尤其适合多人协作或第三方组件库。局部样式:仅修改当前组件模板内的元素样式,避免全局污染。通过合理使用scoped,可有效管理Vue组件的样式作用域,平衡隔离性与灵活性。

2025-03-20 09:41:06 633

空空如也

空空如也

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

TA关注的人

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