公共组件Top.vue,Bottom.vue
公共组件放在components文件夹里面
主要代码实例:
<template>
<div class="OrderDetail">
<!--礼物导航栏-->
<my-top class="top"></my-top>
<!--底部-->
<my-bottom class="bottom"></my-bottom>
</div>
</template>
<script>
import Top from '@/components/Top.vue'
import Bottom from '@/components/Bottom.vue'
export default {
name: "OrderDetail",
components: {
MyTop: Top,
MyBottom: Bottom
},
setup() {
},
}
</script>
<style scoped>
</style>