# shopping-web

**Repository Path**: light59/shopping-web

## Basic Information

- **Project Name**: shopping-web
- **Description**: vue vuex Vant
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-01-18
- **Last Updated**: 2024-04-17

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# vue-book

#### 介绍
- 


#### 软件架构
- vue 2.x


#### 安装教程
- npm i fastclick -S 

    消除了移动端浏览器上的物理点击和触发一个 click 事件之间的 300ms 的延迟,提升浏览器点击事件响应速度 

- npm i vant@2.11.0 -S

    UI组件库

- npm i babel-plugin-import -D

    支持vant局部引用

- npm i axios -S

- npm i vue-router@3.2.0 -S

- npm i less-loader -S

    css扩展

- npm i vue-awesome-swiper@4.1.1

    轮番图

- npm i pubsub-js -S

    消息订阅组件

- npm i vuex@3.4.0 -S

    vue状态管理

- npm i better-scroll -S

    滚动插件：外层嵌套div，上下预留空间， 监听点击滚动等事件

- npm install vue-qriously -S

    生成二維碼

- npm install moment@2.29.1

    日期处理类库

#### 使用说明
- npm install -g npm@10.5.0
- npm add vue@2.7.16

- npm run build
- npm run serve
#### 参与贡献
- doc: https://blog.csdn.net/KaiSarH/article/details/109999984

#### 特技
- Object.values(obj)
    .filter(prop => prop.isChecked).
    .forEach((objProp,...)=>{})
    .every(prop => prop.isChecked)
- Vue.set(obj, 'propName', value)
- obj = {...obj}    
    拓展运算符（...）用于取出参数对象所有可遍历属性然后拷贝到当前对象。
    合并两个对象：var obj3 = {...obj1,...obj2,score:100}
- vuex:
    state:状态信息，
        this.$store.state.count;
    mutations:修改状态信息，
        this.$store.commit('increment', 2);
    actions:执行mutations函数，异步修改状态信息，
        const incrementAsync = ({commit}, val=1) => {
            commit('increment', val);
        }
    getters: 计算属性
        return this.$store.getters.countaddzero;
- ...mapStates()/...mapMutations() 获取状态及修改函数
- 接口重定向问题
    service/api/index 接口访问重定向问题：接口地址后加'/', ajax(LOCAL_BASE_URL + '/api/userinfo/')