# Vue-element

**Repository Path**: ydb_sir/Vue-element

## Basic Information

- **Project Name**: Vue-element
- **Description**: 学习-前端项目：基于Vue2.0+Vue-cli3.0+element-ui的商城管理系统。
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2020-05-19
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 问题记录
项目中新接触的知识点
---
1. vue-cli的使用和搭建,还可以玩图形界面执行vue ui。
2. 整体项目搭建部分和之前的商场项目一样,单页面应用一个App.vue里加载一个`<router-view></router-view>`剩下的都渲染进去,
在main.js的vue对象里render后再`.$mount`来实现挂载index.html的app类后再挂载app组件。需要注意的点:
    - 使用一个全局的global.css来渲染#app的样式,铺满。
    - 按需导入element-ui组件,参考官方文档。
    - 需要用到的js都导入到main.js里。主js文件。
    - home组件里定义了整体的样式所有的数据显示都是根据home下的`<router-view></router-view>`进行跳转的。
3. 新学习了【路由守卫】模式来进行访问路由之前是否有token,进而执行接下来的操作。
4. 新学习【axios的请求拦截器】,请求的时候在headers里加个`Authorization`标识传token,这样后端在收到请求的时候判断是否有token,如果没有就返回参数错误，相当于是个"令牌"一样，类似于之前学习springcloud的网关一样，可以参考下自己的项目也可以使用。
5. flex布局真的好用，以后有时间好好学习下。
6. 作用域插槽真好使，注意官方的说明`slot-scope="scope"`在3.0后就要失效了。
7. 如果更改样式不生效的话是因为scoped作用域的问题，可以把样式写到公共样式里。
8. 剩下的内容就是使用element里的组件调用接口展示数据。
9. 最后打包的时候压缩代码的一些操作很好用，不知道可以不可以套用到自己的项目里。