Vue项目实战-尚品汇--search模块开发（五）

静态页面组件不拆了，直接用把search文件夹复制到项目中

 接下来写请求，获取数据，写api

接口写完接来下写vuex三连环

 

searchList获取数据成功

 接下来展示数据，先从仓库中获取数据,getters能够简化仓库中的数据，方便组件从仓库中捞数据

从仓库中拿数据

 展示数据，good.id good.price good.title

 search模块根据不同的参数获取数据展示

mounted只执行一次，要根据参数获取多次数据展示，可以将this.$store.dispatch('getSearchList',{})封装成一个函数，用的时候调用这个函数就行，另外要携带的参数可以定义为一个响应式数组data

 

 

利用声明周期函数beforeMount ，整合要携带的参数

 但是由于getdata只能执行一次，在搜索框中进行名词搜索不能发请求，稍后会解决。。。

search模块子组件的开发

 展示数据

 

 解决之前遗留的问题，通过监听路由信息的变化来发送请求