vue怎么使用公共组件

要使用公共组件，你需要先在 Vue 项目中注册该组件。在Vue中注册组件有两种方式：全局注册和局部注册。

全局注册：

在Vue项目的入口文件（比如main.js）中，使用Vue.component()方法来全局注册组件。例如，我们要注册一个名为"my-component"的组件：

// main.js
import Vue from 'vue';
import MyComponent from './components/MyComponent.vue';

Vue.component('my-component', MyComponent);

接着，在任何Vue组件中，都可以使用<my-component>标签来使用该组件。

局部注册：

局部注册允许你在某个组件中注册并使用另一个组件。这种注册方式仅在当前组件及其子组件中可用，因此可以避免全局命名冲突。在Vue组件中，可以通过components选项来进行局部注册。例如，我们要在一个名为"my-view"的组件中注册名为"my-component"的组件：

// MyView.vue
<template>
  <div>
    <my-component />
  </div>
</template>

<script>
import MyComponent from './MyComponent.vue';

export default {
  name: 'MyView',
  components: {
    'my-component': MyComponent
  }
}
</script>

上述代码中，我们在MyView.vue组件中使用了<my-component>标签，并在该组件的components选项中注册了名为"my-component"的组件。

无论是全局注册还是局部注册，都需要先在Vue项目中创建组件，然后才能进行注册和使用。