fashvn 后台目录分析
<h5>文件目录分析：</h5>
<pre><code>src文件夹分析：
/assets :
/css 放一些引入的css文件
/images 放入一些图片
/commponents 组件文件，现在几乎不用
/env 放一些js文件：路由、api等等
apis.js 主要是接口文件，引入一些公共接口都放在这个里面
axios.js 引入axios文件和apis.js文件，主要写一些公共的请求发送之前，或者请求发送之后的一些共用操作。
config.js 引入一些公共的文字说明什么的
router.js 路由文件，引入基本的vue、vue-router、还有一些基本的页面导航，使其能够跳转
util.js 全局使用util.js 主要写js函数，处理逻辑的函数。
vuex.js 中心化状态管理
/mixins 主要存放一些置入文件
common.js 结构和页面结构一些，包含export default{} 里面写一些公共的函数
request.js 里面写一些功能请求处理的，比如登录处理 首先是基于axios.js apis的一些引入
/page 一些页面的组件
Login.vue 登录页面，首先：引入request请求后台数据</code></pre>
<h4>关于echarts柱形图的封装</h4>
<h4>思考：图表封装，变的数据使用函数封装，传对象参数</h4>
<pre><code>function b(option={}){
let {sex,name,age = '18'} = option
console.log(sex,name,age)
}
let option = {
sex:'girl',
name:'judy'
}
b(option) //'girl' 'judy' '18'
b() //undefined undefined "18"
参数：option={} 这样写的好处是不传值的情况下，避免报错 </code></pre>
<h4>elment-UI表格排序的问题</h4>
<p>参考：<a href="https://blog.csdn.net/qq_39923762/article/details/82880496">https://blog.csdn.net/qq_39923762/article/details/82880496</a></p>
<h5>解决办法：</h5>
<pre><code><el-table-column
prop="name"
sortable
label="客流量"
:sort-method="sortChange1"
>
//1.加入属性:sort-method
//在methods加入sortChange1方法
methods:{
sortChange1(a,b){
return a.name-b.name //获取name上的数据进行排序
},
}`</code></pre>