项目中,如果经常需要用到某一个页面或者某一个模块,我们可以把它做为组件来使用。
首先,新建一个child.vue文件,(名字随你自己取)我们做为子组件使用。需要注意的是组件的内容都需要写在template下面,并且在template下面只有一个div 组件。说白了就是
<template>
<div>
DOM写在这里
</div>
</template>
然后我们在父组件中调用它
在父组件中先引入子组件
import goodsList from './child.vue'
然后再注册组件
components: {
child
},
这里我用的是简写,详情的方法可以参考官方文档。
然后我们就可以在 父组件中调用了子组件了
<child></child>