描述Vue脚手架中怎么使用组件

在Vue脚手架中使用组件需要经过以下几个步骤：

1. 创建组件：在Vue项目中，可以通过`Vue.component`方法或者`.vue`单文件组件的方式来创建组件。比如，我们可以创建一个`HelloWorld`组件：

<template>
  <div>
    <h1>{{ msg }}</h1>
  </div>
</template>

<script>
export default {
  name: 'HelloWorld',
  props: {
    msg: String
  }
}
</script>

2. 注册组件：创建好组件之后，需要在使用组件的地方将其注册。可以在`main.js`文件中全局注册，也可以在组件内局部注册。比如，我们可以在`App.vue`组件中注册`HelloWorld`组件：

<template>
  <div id="app">
    <HelloWorld msg="Welcome to Your Vue.js App"/>
  </div>
</template>

<script>
import HelloWorld from '@/components/HelloWorld.vue'

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

3. 使用组件：注册组件之后，就可以在模板中使用组件了。比如，我们在`App.vue`组件的模板中使用`HelloWorld`组件：

<template>
  <div id="app">
    <HelloWorld msg="Welcome to Your Vue.js App"/>
  </div>
</template>

这样，在页面上就会显示出`HelloWorld`组件，并且传入了一个`msg`属性值。组件可以像普通的HTML标签一样进行使用，可以传递属性和事件，也可以嵌套使用。