封装一个简单的Vue插件

• 插件：为vue添加全局组件或功能

创建一个Vue.js文件

• 导入需要创建在Vue全局的组件

• Vue.js文件需要导出install方法，方法的第一个参数就是Vue的构造器

• 在install方法里面注册全局组件

例如

// 导入组件
import PageTools from "./PageTools/index.vue";

export default {
    install(Vue) {
        // Vue是当执行Vue.use的时候传入的对象
        // console.log(8, Vue);
        // 注册全局组件
        Vue.component("PageTools", PageTools)
    }
}

使用插件

• 导入插件的文件
• 使用Vue.use()方法可以注册插件
• 使用插件一定写在Vue实例化之前

// 引入插件
import myPlugin from "@/components/index.js";

Vue.use(myPlugin)