vue3 全局、局部注册组件

//main.js  全局注册组件

// 导入组件
import myComponent from './components/componentA.vue';


const app = createApp(App)
// 全局绑定http请求
app.config.globalProperties.$http = http

app.use(createPinia())
app.use(router)
// 全局注册组件
app.component('myComponent',myComponent)


//局部注册组件 ，直接导入组件使用就行

  <div>
    <componentA :title="'七天数据销量'" />
    <componentA :seriesType="'line'" :ydata="ydata" :xdata="xdata" />
    <myComponent />
  </div>
</template>

<script setup>
// const color = ref('green')

// 局部注册组件
import componentA from "@/components/componentA.vue";