Vue cli 插件( plugins.js)

1、功能

增加Vue

2、创建插件(plugins.js)文件

a,b为其它参数

export default {
    install(Vue，a, b){
        // 全局混入
        Vue.mixin({
            data() {
                return {
                    x: 100,
                    y: 99
                }
            },
        })
        // 全局过滤器
        Vue.filter('cutStr', function(value){
            return value.slice(0,3)
        })

        // 全局指令语法
        Vue.directive('fbind', {
            bind(element, binding){
                element.value = binding.value
            },
            inserted(element, binding){
                element.focus()
            },
            update(element, binding){
                element.value=binding.value
            }
        })

        // 添加Vue实例方法和属性
        Vue.prototype.x1 = 10
        console.log("666666")

    }
}

3、使用 mian.js

先引入后使用

// 引入插件
import plugins from "./plugins";
//使用插件
Vue.use(plugins)