Vue 插件

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

9
        //定义全局指令
10
        Vue.directive('fbind', {
11
            //指令与元素成功绑定时（一上来）
12
            bind(element, binding) {
13
                element.value = binding.value
14
            },
15
            //指令所在元素被插入页面时
16
            inserted(element, binding) {
17
                element.focus()
18
            },
19
            //指令所在的模板被重新解析时
20
            update(element, binding) {
21
                element.value = binding.value
22
            }
23
        })
24

25
        //定义混入
26
        Vue.mixin({
27
            data() {
28
                return {
29
                    x: 100,
30
                    y: 200
31
                }
32
            },
33
        })
34

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