在一个vue文件调用另外一个vue文件中的方法

假设

1.有一个a.vue文件

<template>
  <a-card :bordered="false">
    <mec-parts-model-code-modal ref="modalForm" 
             @ok="modalFormOk"></mec-parts-model-code-modal>
  </a-card>
</template>

import MecPartsModelCodeModal from './modules/MecPartsModelCodeModal'

components: {
      MecPartsModelCodeModal
    },

它import了另外一个vue文件。MecPartsModelCodeModal.vue,入代码所示，引入之后要将它做为一个元素，像html的dom元素那样，一层套一层的。

代码所示：<mec-parts-model-code-modal ref="modalForm"@ok="modalFormOk"></mec-parts-model-code-modal>，

引入到vue文件中，被做为一个元素mec-parts-model-code-modal，加入到a.vue中。

2.假设被引用的vue文件中有个方法add。那么如何在a.vue 中调用呢

this.$refs.modalForm.add()；这样就可以调用。 其中modalForm对应a.vue 中的ref=“modalForm”