vue通过this.$refs引用子组件出现undefined或者is not a function的错误

1.出现undefined错误

包含子组件的标签需要放在<template></template>中第一个子标签的子标签中，而且需要设置ref属性，通过该属性调用子组件的方法或者属性，例如

<template>
  <a-card :bordered="false">
    <s-table>
    	...
    </s-table>
    
    <order-edit ref="modal" @ok="handleOk" />	<!-使用子组件-->
  </a-card>
</template>

this.$refs.modal.show() //子组件有show方法，调用方式`.方法名()`

2.出现is not a function的错误

2.1.子组件需要import,import是请确保路径正确

2.2.import之后还需要在父组件的component中进行注册

<script>
import OrderEdit from './form/OrderEdit'	//1.导入编辑表单子组件组件
export default {
   name: 'OrderList',
   //2注册子组件OrderEdit
  components:{
	 OrderEdit
  }
 //.....  

}
</script>