VUE那些坑

WATCH

1. watch变量变化太快，只能监听到最后一次，可以sleep实现快速监听；
2. watch默认第一次不监听，需要加参数，immediate:true

Components

1. 重复嵌套子组件：子组件1-》子组件2-》子组件1，每次导入需要import 不同的名称

STYLES

1. 不加require动态绑定会解析不到（vue_admin_template框架里）

// An highlighted block
:src="require(`@/icons/monitor/${list.stat_type}.png`)"

ElementUI

1. element ui 自定义上传，解决进度条问题

let form = new FormData(); //uploader为之前提到的实例 
form.append("file", uploader.file); 
axios .post(url,form, { 
   headers: { "Content-Type": "multipart/form-data" }, 
   onUploadProgress: progressEvent => { 
   let percent=(progressEvent.loaded / progressEvent.total * 100) | 0 
   //调用onProgress方法来显示进度条，需要传递个对象 percent为进度值 
   uploader.onProgress({percent:percent}) 
   } 
}).then((res)=>{ 
     //上传成功 调用onSuccess方法，否则没有完成图标 
     //处理自己的逻辑
     uploader.onSuccess() 
})
.catch((err)=>{ 
       //上传失败 调用onError方法 
          //处理自己的逻辑
        uploader.onError()
 })