1.先写好一个demo页面

demo.vue
 <template>
  <div>
    <h1>11111</h1>
  </div>
 </template>
 <script>
    export default {}
 </script>
 <style scoped>
 </style>

2.在写另一个页面

<template>
  <div>
    <h1>2222</h1>
    <Demo></Demo>
  </div>
</template>
import demo from '@/xxx/xxx/demo.vue'  <!-- demo: 是别名  @/xxx/xxx/demo.vue: demo页面的路径,@是src  -->
<script>
    export default {
      data () {
      return {},
      methods: {},
      mounted () {},
      components: {
        'Demo': demo  //将别名demo 变成 组件 Demo
      }
}
</script>
<style scoped>
</style>