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>