# base-vue

**Repository Path**: lisa_zhu2012/base-vue

## Basic Information

- **Project Name**: base-vue
- **Description**: vue demo
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-02-04
- **Last Updated**: 2025-04-02

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# base-vue

## 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/).

infinite-scroll-disabled

1. 下载项目
2. 配置eslint
3. 搭建路由及目录结构
> 声明式导航，编程式导航，嵌套路由
4. 重置样式及rem.js引入
> 如果有iconfont，可以放在public中并在index.html中引入
5. utils 时间过滤工具（挂载vue/全局指令），moment；
6. 长列表滚动：better-scroll 外侧div做限制，溢出隐藏，translate CSS3 gpu 渲染核心处理器 体验好
```
this.$nextTick(() => {
  new BetterScroll('.wrap', {
    scrollbar: {
      fade: true // 滚动的时候显示，不滚动的时候隐藏（滚动条会溢出滚动，添加position定位）
    }
  })
})
.wrap {
  height: calc( 100vh - 1rem );
  overflow: hidden;
  position: relative; // 修正滚动条的位置
}
```
7. 组件库
第三方插件：https://github.com/vuejs/awesome-vue#components--libraries

pc:element-ui, m:mint-ui(好久不更新维护了), vant

vant 自动按需引入组件 
```
npm i vant
npm i babel-plugin-import -D
// 对于使用 babel7 的用户，可以在 babel.config.js 中配置
module.exports = {
  plugins: [
    ['import', {
      libraryName: 'vant',
      libraryDirectory: 'es',
      style: true
    }, 'vant']
  ]
};
```

8. 拓展：永久存储 vuex-persistedstate
9. nginx node 具备反向代理的条件
> nginx 要放在存英文目录中，不能有中文；重启服务器：关闭命令行不会关闭服务器，任务管理器关闭才可以，推荐命令重启：./ngnix.exe -s stop  或者 -s restart 或 -s reload；
如果连接阿里云失败，可能的原因：1.电脑缺包；2.安全组规则，重启服务；3.路由模式；

vue3


请求封装，假数据mock

小程序-url引入背景图片写在样式处会报错，写在行内不包错
> background-image 只能用网络url或者base64 . 本地图片要用image标签才行。
没有dl,dt,dd等标签