1.编写子组件页面
.vue
<template><div>子组件页面</div></template>
<script>
export default {
name: '子组件名'
}
</script>
<style scoped></style>
2.在页面引入该组件
.vue
<template><div>主页面页面<子组件名/></div></template>
<script>
import 子组件名 from '子组件路径';
export default {
name: 'XXX',
component:{
子组件名
}
}
</script>
<style></style>
<style scoped></style>