export default {

  install(Vue,x,y,z){

    console.log(x,y,z)

    //全局过滤器

    Vue.filter('mySlice', function(value){return value.slice(0,4)})

    //定义全局指令

    Vue.directive('fbind',{

      //指令与元素成功绑定时（一上来）

      bind(element,binding){element.value = binding.value},

      //指令所在元素被插入页面时

      inserted(element,binding){element.focus()},

      //指令所在的模板被重新解析时

      update(element,binding){element.value = binding.value}

    })

    //定义混入

    Vue.mixin({

      data() {return {x:100,y:200}},

    })

    //给Vue原型上添加一个方法（vm和vc就都能用了）

    Vue.prototype.hello = ()=>{alert('你好啊')}

  }

}

import Vue from 'vue'

import App from './App.vue'

import plugins from './plugins'    // 引入插件

Vue.config.productionTip = false

Vue.use(plugins,1,2,3)    // 应用（使用）插件

new Vue({

    el:'#app',

    render: h => h(App)

})

<template>

  <div>

    <h2>学校名称：{{ name | mySlice }}</h2>

    <h2>学校地址：{{ address }}</h2>

    <button @click="test">点我测试一个hello方法</button>

  </div>

</template>

<script>

  export default {

    name:'School',

    data() {

      return {

        name:'新东方',

        address:'北京',

      }

    },

    methods: {

      test(){

        this.hello()

      }

    },

  }

</script>

<template>

  <div>

    <h2>学生姓名：{{ name }}</h2>

    <h2>学生性别：{{ sex }}</h2>

    <input type="text" v-fbind:value="name">

  </div>

</template>

<script>

  export default {

    name:'Student',

    data() {

      return {

        name:'张三',

        sex:'男'

      }

    },

  }

</script>