Javascript 在ViewModel外部调用Vue JS方法

我想知道是否可以在其作用域之外的实例中调用方法。为了澄清我的问题，我有以下设置：

HTML:

带有Browserify的main.js文件：

var modal = require('./modules/modal');

更具体地说，如何从标头内部调用方法“showmodel”，从而在.modal容器实例外部调用

所有东西都应该放在一个包含所有组件的包装器（“app”）中，还是这是一种正确的vue js方法，我在这里遗漏了什么

编辑：

JSFIDLE中的一个小示例演示：

---

我想从标题中调用showmodel方法。

您必须提供更多信息。是否将模态组件添加到？在哪里添加标题？通常，组件只能与其父级或子级通信，对于其他通信，必须使用共享状态对象或类似模式。在你的情况下，如何准确地做到这一点很难说有这么一点信息。旁注：不导出Vue实例（

newVue（…）

）-只导出options对象。我在JSFIDLE中做了一个示例，请参见编辑。导出选项对象意味着什么？您有这样的例子吗？您必须提供更多信息。是否将模态组件添加到？在哪里添加标题？通常，组件只能与其父级或子级通信，对于其他通信，必须使用共享状态对象或类似模式。在你的情况下，如何准确地做到这一点很难说有这么一点信息。旁注：不导出Vue实例（

newVue（…）

）-只导出options对象。我在JSFIDLE中做了一个示例，请参见编辑。导出选项对象意味着什么，您有这样的例子吗？

// modals
Vue.component('modal-login', {
  template: '#modal-login',
  props: {
    show: {
      type: Boolean,
      required: true,
      twoWay: true
    }
  }
});

// modal container
module.exports = new Vue({
  el:'.modal-container',
  data: {
    login: false,
    register: false,
    reset: false
    methods: {
        showModal: function(modal) {
        ...
});

var modal = require('./modules/modal');