17-插件

我不是女神ヾ 2023-10-08 18:07 7阅读 0赞

## **插件** ##

#### 一、plugin插件 ####

plugin用于增强Vue。

示例：定义一个插件（插件需要实现`install()`方法）

export default {
        
        
        // install 可以接收到Vue对象（此处不是vm，而是vm的创建者Vue）
        install(Vue) {
        
            
            // 通过传入的Vue对象，可以添加全局的过滤器、全局指令、全局混入等等
            
            Vue.filter('mySlice', function(value){
        
                return value.slice(0,4)
            })
    
            Vue.directive('fbind', {
        
                bind(element, binding) {
        
                    element.value = binding.value
                }
            })
    
            Vue.mixin({
        
                data() {
        
                    return {
        
                        title: 'test'
                    }
                }
            })
    
            // 给Vue原型上添加一个方法，之后vm和vc都可以使用该方法
            Vue.prototype.sayHello = () => (alert('hello'))
        }
    }

使用插件：在`main.js`的`new Vue`之前，通过`use`使用插件：

import plugins from './plugins'
    // 使用插件
    Vue.use(plugins)

#### 二、install参数 ####

install方法的第一个参数是`Vue`，后面还可以继续接收到`Vue.use`中传入的其他参数。

例如：

Vue.use(plugins, 1, 2, 3)

则：

install(Vue, a, b, c ){
        
        // 此处的Vue接收到的是Vue对象
        // a可以接收到1，
        // b可以接收到2
        // c可以接收到3
    }

**先赞后看，养成习惯！！！^ \_ ^ ❤️ ❤️ ❤️  
码字不易，大家的支持就是我的坚持下去的动力。点赞后不要忘了关注我哦！**