Vue：插件

插件

在vue这里的插件，并不是说我们去写一个第三方程序，然后通过命令行或者其他方式进行安装。
说简单点，本次所说的插件就是一个json对象；一般我们都会创建一个js(如plugins.js)文件，然后在里面编写插件的内容，比如：

export default {
	install(Vue,x,y,z){
		console.log(x,y,z)
		//全局过滤器
		Vue.filter('mySlice',function(value){
			return value.slice(0,4)
		})

		//定义全局指令
		Vue.directive('fbind',{
			//指令与元素成功绑定时（一上来）
			bind(element,binding){
				element.value = binding.value
			},
			//指令所在元素被插入页面时
			inserted(element,binding){
				element.focus()
			},
			//指令所在的模板被重新解析时
			update(element,binding){
				element.value = binding.value
			}
		})

		//定义混入
		Vue.mixin({
			data() {
				return {
					x:100,
					y:200
				}
			},
		})

		//给Vue原型上添加一个方法（vm和vc就都能用了）
		Vue.prototype.hello = ()=>{alert('你好啊')}
	}
}

vue进行规定，install函数是必须得有的。而函数体则是插件的内容。
既然插件已经有了，现在就要应用插件，一般在main.js中进行应用，如下：

//引入插件
import plugins from './plugins'
//应用（使用）插件
Vue.use(plugins)