搜索模块开发

地址

请求方式

参数：需要带参数

当前这个函数需不需要接收外部传递参数

当前接口（获取搜索模块数据），给服务器传递一个默认参数，至少是一个空对象

大仓库需要注册小仓库

Vuex三连环

State仓库初始化状态

Getter计算属性 项目中getter主要的作用是简化仓库中的数据

可以在将来组件中需要用的数据简化一下（将来组件在获取数据的时候就方便了）

将组件挂载实例变为一个回调函数

getData() {
      this.$store.dispatch("getSearchList", {});
    },

携带参数

 data() {
    return {
      searchParams: {
        //等级分类id
        category1Id: "",
        category2Id: "",
        category3Id: "",
        //点击分类的名字
        categoryName: "",
        //搜索的关键字
        keyword: "",
        //排序:初始状态应该是综合且降序 asc 升序
        order: "1:desc",
        //第几页
        pageNo: 1,
        //每一页展示条数
        pageSize: 3,
        //平台属性的操作
        props: [],
        //品牌
        trademark: "",
      },
    };
  },

组件挂载之前对数据进行修改

//在挂载之前调用一次|可以在发请求之前将带有参数进行修改
  beforeMount() {
    //在发请求之前，把接口需要传递参数，进行整理（在给服务器发请求之前，把参数整理好，服务器就会返回查询的数据） 合并对象
    Object.assign(this.searchParams, this.$route.query, this.$route.params);
  },

SearchSelector组件的开发