开发search模块

本文讲述了使用Vue开发搜索模块的过程,包括静态页面和组件的拆分、发送请求、利用Vuex进行状态管理。通过组件获取并动态展示搜索数据,详细描述了如何在请求中携带参数、派发actions、提交mutations以及使用getters优化数据。同时,针对可能出现的数据延迟或缺失问题,提出了在计算属性中使用空对象作为占位符的解决方案。
摘要由CSDN通过智能技术生成
   <Carsousel :list="list.carouselList" />

接收数据

  props: ["list"],

开发搜索模块

静态页面+静态组件拆分出来

发请求

Vuex

组件获取仓库数据,动态展示数据

在这个请求过程中需要携带参数 所以添加了data数据

// 当前这个函数需要接收外部传递参数
// 当前这个接口(需要获取搜索模块数据),给服务器传递一个默认参数(至少是一个参数)
export const reqGetSearchInfo = (params) => requests({ url: "/list", m
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值