Vue3中的简单插件写法

2023-09-25 10:55:45

插件使用

通过导出一个含有install方法的对象，即可作为插件使用，install方法始终接收一个app对象--createVue的返回值，所以app即是全局vue实例。

配置全局属性

// properties.js
export default {
    install(app) {
        app.config.globalProperties.$test = {
            a: "aa",
        };
    },
};
// main.js
import properties from "@/plugins/properties.js";
app.use(properties)

配置全局组件

// components/index.js
import HelloWorld from "./HelloWorld.vue";
export default {
    install(app) {
        app.component("HelloWorld", HelloWorld);
    },
};

// main.js
import components from "@/components/index.js";
app.use(components)

Vue3中的简单插件写法