# gulishop-client

**Repository Path**: goodtom/gulishop-client

## Basic Information

- **Project Name**: gulishop-client
- **Description**: 商城客户端
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 2
- **Forks**: 0
- **Created**: 2021-07-15
- **Last Updated**: 2021-09-01

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# gulishop-client

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

## 目录分析
```
--node_modules          -- 存放依赖的包
--public                -- 存放挂载点模板
--src                   -- 存放源码
  --assets              -- 静态资源
  --components          -- 存放非路由组件
  --pages                -- 存放路由组件
  --App.vue              -- 代表整个应用
  --main.js              -- vue实例入口点 
--.gitignore            -- git忽略配置 
--babel.config.js       -- 配置babel
--package-lock.json     -- 
--package.json          -- 包配置
--README.md             -- 帮助文档
```

## 项目开发步骤
1. 初始化自己的空项目
2. 关闭eslint提示
3. git基本操作
4. 划分页面主体框架
5. 定义非路由组件和路由组件
   1. Header和Footer非路由组件
   2. Home、Search、Login、Register路由组件
6. 路由组件和非路由组件的区别
   * 都是三大步：定义、注册、使用
   * 注册的区别，路由组件要在路由器配置中注册
   * 使用的区别，路由组件使用声明式导航（router-link,route-view）
   * 生命周期不同，路由组件在切换的时候会销毁重建，而非路由组件不会
   * 
7. 路由器的配置
8. 安装less、less-loader出现报错
   1. 原因：less-loader版本过高
   2. 解决：
      ```
      npm uninstall -D less-loader
      npm install -D less-loader@7.3.0
      ```
9. 根据路由对象的meta设置决定footer是显示还是隐藏
10. 路由路径带参数的三种写法
   1. 字符串写法
   2. 模板字符串
   3. 对象写法
11. 路径传参相关的面试题