Vue自定义插件

自定义插件

1、功能：用于增强Vue
2、本质：包含install方法的一个对象，install的第一个参数是Vue,第二个以后的参数是插件使用者传递的数据
3、定义插件（写了几个简单的功能：如全局过滤器等）：
对象.install=function(Vue,options){
//全局过滤器
Vue.filter(‘mySplice’, function (value) {
return value.slice(0, 4)
})
//定义全局指令 都能用
Vue.directive(‘fbind’, {
// 指令与元素成功绑定时
bind(element, binding) {
console.log(‘bind’);
element.value = binding.value
},
// 所在元素插入页面时
inserted(element, binding) {
console.log(‘inserted’);
element.focus()
},
// 指令所在的模板被重新解析时。
update(element, binding) {
console.log(‘update’);
element.value = binding.value
element.focus()
}
})
//定义混入
Vue.mixin({
data() {
return {
//name:‘Tom’
x: 100,
y: 200
}
}
})
//Vue原型上添加一个方法(vm和vc就都能用)
Vue.prototype.hello = () => { alert(‘你好啊！’)
}
4、使用插件:Vue.use()