1.APP檔案中

<template>
  <div id="app">
    <my-nav></my-nav>
    <router-view/>
  </div>
</template>

<script>
  import Nav from '@/components/Nav'


  export default {
    name: 'App',
    components: {
      'my-nav': Nav,


    }
  }
</script>

<style>

</style>
 

2.在相應的頁面中,模板中再加<right>載入的公共模板內容</right>

    import Right from '@/components/_right'//檔案地址

  export default {

    name: 'Home',
      components: {
          'right': Right,

      }
      }

第一種屬於全域性模板，適合在頭部在尾部，不適合內嵌於主體中的元件