如何创建一个子组件

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>