# mimall

**Repository Path**: ginvip/mimall

## Basic Information

- **Project Name**: mimall
- **Description**: vue4 develop mimall
- **Primary Language**: NodeJS
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2021-02-07
- **Last Updated**: 2022-11-23

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Vue4.0.5 version mimall

## 安装插件注意的问题
```
npm i element-ui node-sass@5.0.0 sass-loader@10.1.1 vue-cookie --save-dev
```
sass-loader与node-sass版本太高会报错

## swiper使用的版本
```
npm install swiper@3.4.2 vue-awesome-swiper@3.1.3 --save-dev
```

## 图片懒加载
```
npm i vue-lazyload --save-dev
```
在main.js文件中引入vue-lazyload  
```
import VueLazyload from "vue-lazyload";
Vue.use(VueLazyload, {
    loading: require('assets/images/loading-svg/loading-bars.svg')
})
```  
在图片需要懒加载的地方使用v-lazy  
```
<img v-lazy="item.img" alt="">
<img v-lazy="require('assets/images/banner-1.png')" alt="">
```
## element-ui
See [element-ui官方文档](https://element.eleme.cn/#/zh-CN/component/installation).
```
npm i element-ui babel-plugin-component --save-dev
```
babel-plugin-component为按需引入组件需要的。在main.js文件中引入组件    
```
import {Message} from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
Vue.prototype.$message = Message;
```
然后将配置写入babel.config.js文件，配置内容见babel.config.js文件