组件引入另一组件

在组件中引入另一组件

组件化开发，最重要的特点就是其复用性。当某一部分内容重复出现在多个组件中
时，可以将其提出单独组成一个组件。重复使用。如下图：其中底部导航条的部分
就会出现在多个组件中

在当前组件card.vue中引入barBottom.vue的步骤如下：

1. 在card.vue中引入barBottom.vue：
   import barBottom from './barBottom.vue'
2. 在card.vue的components属性中声明此组件：

components:{
      barBottom,
  }

3. 在card.vue中使用该组件：

<div class="bottom">
        <bar-bottom></bar-bottom>
</div>