# Vue-app1

**Repository Path**: YoungerX/Vue-app1

## Basic Information

- **Project Name**: Vue-app1
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2019-02-25
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

#这是一个使用vue开发的移动app
##使用了MinUI和MUI两种前端框架
##打包工具webpack


####由于无数据源接口api，所以本项目数据均来源于网上开源api接口（豆瓣）

###遇到的问题

####在制作滑动条的过程中
1.webpack中的bundle.js会与mui中的mui.js发生冲突
+ 报错： Uncaught TypeError: 'caller', 'callee', and 'arguments' properties may not be accessed on strict mode functions or the arguments objects for calls to them
+ 解决方案：在webpack打包时，将严格模式禁用
     npm install babel-plugin-transform-remove-strict-mode
     .babelrc  {"plugins": ["transform-remove-strict-mode"]}
     
2.滑动条全屏显示了
+ 去掉.mui-fullpage的类

####图片加载部分我们使用的是mint-ui中的lazy load
    import { Lazyload } from 'mint-ui';
    
    Vue.use(Lazyload);
    
    <ul>
      <li v-for="item in list">
        <img v-lazy="item">
      </li>
    </ul>
    
    image[lazy=loading] {
      width: 40px;
      height: 300px;
      margin: auto;
    }
   
####