首页 > 其他 > 详细

Vue3中的简单插件写法

时间:2021-09-15 20:44:12      阅读:13      评论:0      收藏:0      [点我收藏+]

插件使用

通过导出一个含有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中的简单插件写法

原文:https://www.cnblogs.com/shaddollxz/p/15268516.html

(0)
(0)
   
举报
评论 一句话评论(0
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!