vue 加载公共模板的两种方法

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,

      }
      }

第一种属于全局模板，适合在头部在尾部，不适合内嵌于主体中的组件