Javascript Vue插件，添加获取数据的全局组件

我正在使用Vue插件，这样用户可以在注册全局组件并在

Vue中配置它后访问全局组件。使用
。为此，我需要将一些数据从
Vue.use（）
传递到
Component.Vue

请看下面的代码：

Vue.use(MyPlugin, { data: true });

MyPlugin
的代码是

从“./Plugin”导入插件

const IconPlugin = {
  install(Vue, options) {
    console.log(options); // Here I can see {data: true}
    Vue.component('GlobalComponent', Icon);
  },
};

现在我需要将这个选项变量传递给组件。这样用户无论何时使用

<GlobalComponent />



{data:true}
应该始终存在

基本上，这是一个用户正在传递的配置，进一步的组件计算将取决于此。
听起来您想看看。似乎您希望将数据与传递的位置合并
图标
您可以使用
Vue.extend
来扩展组件


var Icon=Vue.extend({
数据：函数（）{
返回{
福：福，
酒吧：“巴尔”
}
},
模板：{{foo}}{{bar}}，
方法：{
doBarStuff:function（）{
log（this.foo，this.bar）
},
doFooStuff:function（）{
console.log（this.foo）
}
}
})
常数IconPlugin={
安装（Vue，选项）{
//console.log（选项）；
//规范化数据（仅选择所需的道具）
var data=Object.assign（{}，options）；
var NewIcon=Icon.extend({
数据：函数（）{
返回数据；
}
})
Vue.component（'GlobalComponent'，NewIcon）；
},
};
Vue.use（IconPlugin{
福：“福”
});
新Vue({
el:“#应用程序”，
组成部分：{
偶像
}
})
这应该是一个注释。。但是，是的，我想在Vue.component方法中传递选项