Vue中的插件

插件介绍

功能： 用于增强vue
本质： 包含install方法的一个对象，install的第一个参数是vue，第二个以后的参数是插件使用者传递的数据

插件的定义

export default {
    install (vue) {

        // 全局过滤器
        vue.filter(...)

        // 定义全局指令
        vue.directive(...)


        // 定义混入
        vue.mixin(...)


        // 给vue原型添加一个方法
        vue.prototype.hello = () => alert('你好!')

    }
}

插件的引入

// 引入文件
import plugin from '../plugin'

// 引入插件  多个插件需要引入  就使用多个Vue.use()
Vue.use(plugin)

插件中内容的使用

和正常data中变量，filter，mixin等的使用相同，例如

// 过滤器
<h2>学生的名字是： { {name | mySlice }}</h2>

// Vue实例原型追加的方法
<button @click='hello'>点我弹窗</button>