vue怎么使用封装的组件并传递数据

首先引入需要使用的组件，在父组件中注册：

import MyComponent from './MyComponent.vue'

export default {
  components: {
    MyComponent
  }
}

在父组件中使用该组件，并传递数据：

<template>
  <div>
    <my-component :propName="propValue"></my-component>
  </div>
</template>

<script>
export default {
  data() {
    return {
      propValue: 'Hello World'
    }
  }
}
</script>

在这个例子中，我们使用了 <my-component> 标签来引入我们的组件，并使用 :propName 来向组件传递 propValue 数据。