vue3对外暴露组件方法

Vue3对外暴露组件方法有以下两种方式：
1. 使用ES6的export语法，将组件导出为一个模块，其他模块可以通过import语法引入该组件。
例如：

// School.vue
<template>
  <div>{{ schoolName }} - {{ address }}</div>
</template>

<script>
const School = {
  data() {
    return {
      schoolName: '尚硅谷',
      address: '北京'
    }
  },
  methods: {}
}

export default School
</script>

其他模块可以通过以下方式引入该组件：

import School from './School.vue'

2. 使用Vue.extend方法创建一个组件构造器，并通过Vue.component方法注册该组件。
例如：

// School.js
import Vue from 'vue'

const School = Vue.extend({
  data() {
    return {
      schoolName: '尚硅谷',
      address: '北京'
    }
  },
  methods: {}
})

Vue.component('school', School)

其他模块可以通过以下方式使用该组件：

<template>
  <school></school>
</template>

<script>
import Vue from 'vue'

export default {
  name: 'App',
  components: {
    School: Vue.component('school')
  }
}
</script>