您的位置:首页 > Web前端 > Vue.js

Vue3中的简单插件写法

2021-09-14 17:09 816 查看

插件使用

通过导出一个含有

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)
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: