Vue3组件中的defineProps 组件之间传值、defineEmits 子组件向父组件事件传递、defineExpose子组件暴露自己的属性的用法

注：代码码和内容的使用都是在setup中，未使用TS。

defineProps 组件之间传值

// 父组件


//子组件
const props = defineProps({
  val: {
    type: String,
    default: ""
  }
});

defineEmits 子组件向父组件事件传递

//子组件




//父组件
      
      
      


//把组件挂载到全局，就不需要全局导入了
import BaseCompanyCanteenSelect from '@/components/BaseCompanyCanteenSelect.vue'
const importComponents = Vue => {
 /**
   * 联动选择
   * 
   */
  Vue.component('BaseCompanyCanteenSelect', BaseCompanyCanteenSelect)
}
export default importComponents


//在入口文件引入   min.js
import importComponents from '@/components'
/**
 * 全局注册组件
 */
importComponents(app)

defineExpose 子组件暴露自己的属性

// 父组件


 
// 子组件