title: how to call a method on the component by clicking Vue.js?
body: <p>I am use component of the dialog window <strong>dialog.vue</strong> from <strong>vue-mdl</strong> package</p>
  
  <pre><code>&lt;template&gt;
  &lt;div class="mdl-dialog-container" v-show="show"&gt;
    &lt;div class="mdl-dialog"&gt;
      &lt;div class="mdl-dialog__title"&gt;{{title}}&lt;/div&gt;
      &lt;div class="mdl-dialog__content"&gt;
        &lt;slot&gt;&lt;/slot&gt;
      &lt;/div&gt;
      &lt;div class="mdl-dialog__actions" :class="actionsClasses"&gt;
        &lt;slot name="actions"&gt;
          &lt;mdl-button class="mdl-js-ripple-effect" @click.native.stop="close"&gt;Close&lt;/mdl-button&gt;
        &lt;/slot&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
  import mdlButton from './button.vue'
  import createFocusTrap from 'focus-trap'
  
  export default {
    components: {
      mdlButton
    },
  
    computed: {
      actionsClasses () {
        return {
          'mdl-dialog__actions--full-width': this.fullWidth
        }
      }
    },
  
    data () {
      return {
        show: false
      }
    },
  
    props: {
      title: {
        type: String
      },
      fullWidth: Boolean
    },
  
    mounted () {
      this._focusTrap = createFocusTrap(this.$el)
    },
  
    methods: {
      open () {
        this.show = true
        this.$nextTick(() =&gt; this._focusTrap.activate())
        this.$emit('open')
      },
      close () {
        this.show = false
        this._focusTrap.deactivate()
        this.$emit('close')
      }
    }
  }
  &lt;/script&gt;
  </code></pre>
  
  <p>I want to bring a dialog window to the other component</p>
  
  <pre><code>&lt;mdl-dialog&gt;&lt;/mdl-dialog&gt;
  &lt;button class="mdl-button mdl-js-button mdl-button--raised"&gt;Click me&lt;/button&gt;
  </code></pre>
  
  <p>I found no information on how to call a method of one component within the other. All examples are mainly used props. Tell me how to do it?</p>
  
  <p>How can I call a method <strong>open()</strong> in <code>&lt;mdl-dialog&gt;&lt;/mdl-dialog&gt;</code>?</p>