vue使用install注册一个自己的插件

官方API：Vue.js 的插件应该有一个公开方法 install。这个方法的第一个参数是 Vue 构造器，第二个参数是一个可选的选项对象：

MyPlugin.install = function (Vue, options) {  // 1. 添加全局方法或属性
  Vue.myGlobalMethod = function () {    // 逻辑...
  }  // 2. 添加全局资源
  Vue.directive('my-directive', {
    bind (el, binding, vnode, oldVnode) {      // 逻辑...
    }
    ...
  })  // 3. 注入组件
  Vue.mixin({    created: function () {      // 逻辑...
    }
    ...
  })  // 4. 添加实例方法
  Vue.prototype.$myMethod = function (methodOptions) {    // 逻辑...
  }
}

例如我们需要获取项目的域名，这样在项目上线的时候就不用手动改写域名

export default{
	install:function(Vue){
		Vue.prototype.$hostName=function(){
			if(document.location.host.indexOf('localhost')!=-1){
				 // 本地环境
				 var dataUrl= 'http://' + document.location.host;
				 return dataUrl;
			}else{
				//线上环境
				var dataUrl= 'http://' + document.location.host;
				return dataUrl;
			}
		}
	}
}

在main.js中写入

import ServerName from './api/servers'
Vue.use(ServerName)

这样我们可以直接在项目中使用this.$hostName()