VUE之组件全局方法

export default {	
  created(){
    var _this = this
      window.error= function(msg,title){
        _this.error(msg,title)
      }
      window.info= function(msg,title){
        _this.info(msg,title)
      }
       window.debug= function(msg,title){
          _this.debug(msg,title)
      }
     },
     name:"Log",
      ...
}

window.error(msg,title)
//或者
error(msg,title)

export default {	
  created(){
      window.$log = this
  },
  methods{
      error(msg,title){
          ...
      }
  }
...
}

$log(msg,title)

<template>
  <div id="app">
    <div class="content">    	
    		<router-view/>
    		<Log />
    </div>    
  </div>
</template>
<script>

import Logfrom '@/components/Log'

export default {
  name: 'App',
  components:{
  	"Log":Log
  }
}
</script>