vue开发的一些设置以及技巧

• 引入其它css样式   需要加~   @找到的是src目录

• 对于常用的路径可以设置别名     @代表src                  常用的地址在webpack.base.conf.js中 设置即可

• 　　设置完只需这样引入即可

• 计算多个图标循环轮播

1.设置空数组

2.循环所有图标项

3.如果大于8项则page为1 将显示到第2页    小于为0,显示到第一页   如果没有数据还是为空数组

4.返回pages

• 【转发机制-代理 】webpack的功能
  需求：当请求地址为/api开头时，把该请求转发到本地的 /static/mock 目录
  目的：模拟真实路径，防止上线后再修改请求路径而出现问题
  方法：在config/index.js里面的 dev -> proxyTable中 设置如下（详情如图）
     proxyTable: {
        '/api': {
          target: 'http://localhost:8080',
          pathRewrite: {
            '^/api': '/static/mock'
          }
        }
      }

• better-scroll一些用法    可以滚动到与侧栏列表点击位置相对应的区域

可以用ref设置for循环的列表  ref可以设置为key值

• 每次切换路由都在顶部

  scrollBehavior (to, from, savedPosition) {
    return {x: , y: }
  }

• jsonp封装

• import originJSONP from 'jsonp'
  
  export default function jsonp(url, data, option) {
    url += (url.indexOf('?') <  ? '?' : '&') + param(data)
  
    return new Promise((resolve, reject) => {
      originJSONP(url, option, (err, data) => {
        if (!err) {
          resolve(data)
        } else {
          reject(err)
        }
      })
    })
  }
  
  function param(data) {
    let url = '';
    for (var k in data) {
      let value = data[k] !== undefined ? data[k] : ''
      url += `&${k}=${encodeURIComponent(value)}`
    }
    return url ? url.substring() : ''
  }