Javascript Vue:自动渲染某些组件并使其方法可全局访问

Javascript Vue:自动渲染某些组件并使其方法可全局访问,javascript,vue.js,Javascript,Vue.js,我有一些组件必须在单次渲染后全局可重用 他们有一些方法必须可以从任何模板或其他方法访问,例如 删除 或 /。。。 这个.raiserror(“出了点问题,对不起”); //... 现在我尝试通过插件注册这些组件,但在自动渲染方面有一些问题 const工作台={ 安装(Vue,选项){ 让ComponentClass=Vue.extend(组件) 让实例=新组件类(选项) 实例。$mount()//有些组件可见,但有些组件不可见 Vue.prototype.RaiseError=函数(消息){

我有一些组件必须在单次渲染后全局可重用

他们有一些方法必须可以从任何模板或其他方法访问,例如

删除

/。。。
这个.raiserror(“出了点问题,对不起”);
//...
现在我尝试通过插件注册这些组件,但在自动渲染方面有一些问题

const工作台={
安装(Vue,选项){
让ComponentClass=Vue.extend(组件)
让实例=新组件类(选项)
实例。$mount()//有些组件可见,但有些组件不可见
Vue.prototype.RaiseError=函数(消息){
添加(消息“错误”)
}
}
}
导出默认工作台
没有
Vuex
refs
,有没有办法做到这一点

是否有其他模式可以使组件在全球范围内无需乱扔垃圾?

找到了一个很好的解决方案:

从“../components/MyComponent”导入MyComponent
常量MyPlugin={
mountComponent(Vue、组件、选项){
让ComponentClass=Vue.extend(组件)
让实例=新组件类(选项)
//将组件装载到独立的DOM节点
实例.$mount(document.body.appendChild(document.createElement('div'))
返回实例
},
安装(Vue,选项){
//Vue在您调用Vue.use(MyPlugin)时创建并装载组件
让component=this.mountComponent(Vue、MyComponent、选项)
//现在我们可以将任何组件的方法绑定到Vue实例
Vue.prototype.Confirm=异步函数(标题、文本){
返回等待组件。运行(标题、文本)
}
}
}
导出默认MyPlugin
因此,我们自动创建了一个组件,我们可以在任何需要的地方控制该组件的状态

vue observable呢?我看到的只是一个“存储”在盒子中工作。在本例中,使用
store
模式,我得到了大量散乱的代码和笨拙的API。或者我只是误解了你的想法?