Vue 组件的调用

项目中，如果经常需要用到某一个页面或者某一个模块，我们可以把它做为组件来使用。

首先，新建一个child.vue文件，（名字随你自己取）我们做为子组件使用。需要注意的是组件的内容都需要写在template下面，并且在template下面只有一个div 组件。说白了就是

<template>
<div>
   DOM写在这里
</div>
</template>

然后我们在父组件中调用它

在父组件中先引入子组件

import goodsList from './child.vue'

然后再注册组件

components: {
        child
      },

这里我用的是简写，详情的方法可以参考官方文档。

然后我们就可以在 父组件中调用了子组件了

<child></child>