##把可以拆分组件的内容单独放在一个组件

## 在需要的用到的组件里面引入
以下以 GoodsList.vue 为列子
```
在script里面
先引入需要的子组件
    import NavHeader from '@/components/Header'
    import NavFooter from '@/components/Footer'
    import NavBread from '@/components/NavBread'

    export default{

        <!-- 挂载到这 -->
        components:{
            NavHeader,
            NavFooter,
            NavBread
        },


```
## 在dom中使用

```
如果不向自组件传递内容
就直接使用自闭合的标签 <nav-header/>

如果需要传递内容 需要在自组件里面写 插槽 slot
<nav-bread>商品首页</nav-bread>
```