# codewhymall

**Repository Path**: jacky02/codewhymall

## Basic Information

- **Project Name**: codewhymall
- **Description**: codewhy的商城项目，基于Vue2
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2021-10-25
- **Last Updated**: 2022-05-20

## Categories & Tags

**Categories**: Uncategorized

**Tags**: vue2

## README

# codewhymall

## Project setup
```
npm install
```

### Compiles and hot-reloads for development
```
npm run serve
```

### Compiles and minifies for production
```
npm run build
```

### Lints and fixes files
```
npm run lint
```

### Customize configuration
See [Configuration Reference](https://cli.vuejs.org/config/).

## 一些思路
```

1、在这个项目中，因为主要是跟着视频做的，所以遇到的主要bug还是插件版本不一的问题：  
    BS由于更新，导致首页无法直接使用老师的方法来弹性滑动，但是别的页面正常
    经过查阅新文档，发现BS为了简化包大小而需要用户自行添加对应插件，这里我添加了observeDOM后，还是不行
    然后首先怀疑是生命周期问题，mounted后组件还未成功渲染，然后使用this.$nextTick全部渲染再实例化BS，还是不行
    再然后我添加了一个click实例化BS，等组件全部渲染，还等了好久，再实例化，还是不行
    又因为别的可以滑动的页面我只有一串li，由此我想到是不是主页的组件有问题，我一行行注释，最后发现问题是在goods-list上，虽然我也知道大概率是在这
    然后我查看element后才发现，这个组件的高度为0，由此可以解释为什么BS在首页上无法滑动。我将浮动改成了flex布局后解决

2、有些内容和老师的不一样，我是按照自己的思路设计的：
    比如有些detail内的css样式是自己打的；有一些执行的逻辑是自己的判断逻辑，像actions内的addCount和addToCart；还有一些组件如checkBtn我就没有封装等
    还有一些传值等，我用的是在updated内监听cartList变化，将值传给子组件ShopCartList，而不是像老师使用了mapGetters，我感觉这样可能更好理清数据来源吧，虽然结果没什么区别