在网络请求中，页面会出现空白，要使页面好看点，通常页面会出现一些加载页面

1.准备一个伪类元素需要，用伪类元素给加载界面装上蒙层

.loading:before{
  content:'';
  position: absolute;
  left:0;
  top:0;
  width: 100%;
  height: 100%;
  background: #fff url('./R-C.gif') no-repeat center;
}

2.当页面加载完成后，关闭这个类

3.当多次使用这个时，可以封装这个指令

 directives:{
        loading:{
          inserted(el,binding){
            binding.value ?  el.classList.add('loading'): el.classList.remove('loading')
          },
           update(el,binding){
            binding.value ?  el.classList.add('loading'): el.classList.remove('loading')
          }
        }
  }