vue如何封装组件，再去使用这个组件

Vue的组件封装是通过创建一个Vue组件来实现的。下面是一个简单的示例，展示了如何封装和使用一个Vue组件：

首先，在你的项目中创建一个新的Vue组件文件，例如`MyComponent.vue`：

<template>
  <div>
    <h2>{{ title }}</h2>
    <p>{{ content }}</p>
  </div>
</template>

<script>
export default {
  name: 'MyComponent',
  props: {
    title: {
      type: String,
      required: true
    },
    content: {
      type: String,
      required: true
    }
  }
}
</script>

<style scoped>
/* 组件样式 */
</style>

然后，在你想要使用这个组件的地方，引入并注册它。假设你的项目入口文件是`main.js`，那么你可以在这里进行注册：

import Vue from 'vue';
import MyComponent from './MyComponent.vue';

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

new Vue({
  el: '#app',
  // ...
});

现在，你可以在项目的任何地方使用`<my-component>`标签来使用这个封装好的组件了：

<template>
  <div id="app">
    <my-component title="Hello" content="Welcome to my component"></my-component>
  </div>
</template>

<script>
export default {
  name: 'App',
  // ...
}
</script>

<style>
/* 全局样式 */
</style>

这样，封装好的组件就可以在项目中被复用了。你可以根据需要在组件中定义props、methods、computed等，来实现更复杂的功能。