# erabbit

**Repository Path**: linlin2018/erabbit

## Basic Information

- **Project Name**: erabbit
- **Description**: 小兔鲜vue3
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-07-09
- **Last Updated**: 2024-07-09

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# erabbit

## 项目启动
```
npm install
npm run serve

打包
npm run build
```

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

## 小兔鲜儿开发文档

[文档](http://zhoushugang.gitee.io/erabbit-client-pc-document/)

### 常见问题

1. 用provide与inject方法传值，如果值修改后面组件的值是不会跟着变得，也就是说值不会响应,也就是说：如果把a组件中的msg改了，b组件，c组件接收到的msg还是以前的数据，并不会变
那么问题来了 如果想要响应式的效果怎么办呢 直接把传的数据变成复杂类型的数据就行了,例如传一个对象

2. 全局样式通过配置less的自动化导入
3. 配置10kb下的图片打包成base64的格式
4. 懒加载：数据请求懒加载: 借助  IntersectionObserver API 观察元素dom是否进入可视区域,进入才会发送异步请求获取数据,
          图片懒加载： 监听到dom元素进入可视区域,把指令的值设置给el的src属性 binding.value就是指令的值,获取错误则显示默认图片
5. 插槽的使用：默认插槽,具名插槽,作用域插槽
6. 视觉效果优化： 采用vue动画transition, 骨架屏

7. 在vuex中在一个模块中怎么访问另外一个模块, 配置root：true