全局api

<el-dialog
  title="提示"
  :visible.sync="box"
  v-dialogdrag
  :class="{'avue-dialog':type==0}"
  width="40%" >
  <span>这是一段信息</span>
  <span slot="footer" class="dialog-footer">
    <el-button @click="box=false">取 消</el-button>
    <el-button type="primary" @click="box=false" >确 定</el-button>
  </span>
</el-dialog>
<el-button  @click="openBox(1)">原生el样式弹窗</el-button>
<el-button type="primary" @click="openBox(0)">avue样式弹窗</el-button>
<script>
export default {
    data(){
      return {
        type:'',
        box:false
      }
    },
    methods:{
      openBox(type){
        this.type=type;
        this.box=true;
      }
    }
}
</script>

  let datas=[{
    thumbUrl:xxx,//缩略图
    url:xxx //大图
  }]
  let index = 0 //默认打开序号
  this.$ImagePreview(datas, index);

  <div id="test"></div>
  this.$Print({
    id:'test',
    html:document.body.innerHTML
  })

 let opt = {
    title: '文档标题',
    column: [{
      label: '标题',
      prop: 'title'
    }],
    data: [{
      title: "测试数据1"
    }, {
      title: "测试数据2"
    }]
  }
  this.$export.excel({
    title: opt.title || new Date().getTime(),
    columns: opt.column,
    data: opt.data
  });

  this.watermark('我是水印的文案');

  var url = "https://avuejs.com/images/logo-bg.jpg";
  this.downFile(url);

  loadScript('js','xxx.js').then(()=>{
    //执行后的方法
  })
  loadScript('css','xxx.css').then(()=>{
    //执行后的方法
  })

  var obj1 = {
    name:'张三'
  }
  var obj2 = this.deepClone(obj1);

  var obj = 23
  console.log(this.setPx(obj)) //'23px'
  console.log(this.setPx('100%')) //'100%'
  console.log(this.setPx('23px')) //'23px'

  var obj1 = {}
  var obj2 = []
  var str1 = ''
  var str2 = undefined
  var str3 = null;
  console.log(this.validatenull(obj1)) //true
  console.log(this.validatenull(obj2)) //true
  console.log(this.validatenull(str1)) //true
  console.log(this.validatenull(str2)) //true
  console.log(this.validatenull(str3)) //true

  var list = [{
    prop:'name'
  },{
    prop:'sex'
  }]
  var index = this.findArray(list,'sex','prop');
  console.log(index) //1

  var obj = {}
  console.log(this.vaildData(obj,'默认值')) //默认值
  console.log(this.vaildData(obj,{name:11})) //{name:11}
  var obj2 = true
  console.log(this.vaildData(obj2,false)) //true

/**
* 内置5中常用颜色,默认为primary
* default:#35495E
* primary:#3488ff
* success:#43B883
* warning:#e6a23c
* danger:#f56c6c
* 也可以直接打印彩色文字
*/

this.$Log.capsule('标题','内容','primary')
this.$Log.primary('内容')

 this.$Clipboard({
    text: '复制的文本内容'
  }).then(() => {
    this.$message.success('复制成功')
  }).catch(() => {
    this.$message.error('复制失败')
  });

 data() {
    var link = 'https://lokeshdhakar.com/projects/lightbox2/images/';
    return {
      datas: [
        { thumbUrl: `${link}thumb-4.jpg`, url: `${link}image-4.jpg` },
        { thumbUrl: `${link}thumb-5.jpg`, url: `${link}image-5.jpg` },
        { thumbUrl: `${link}thumb-6.jpg`, url: `${link}image-6.jpg` },
      ]
    }
  }
 this.$ImagePreview(this.datas, index);