vue自定义组件

引入头部和尾部自定义组件

    import header from "./header.vue";
    import footer from "./footer.vue";

在components重新自定义标签

 components: {
            "v-header": header,
            "v-footer": footer
        }

在到结构层使用自定义标签

 <!-- 引入头部 -->
 <v-header></v-header>
 <!-- 引入尾部 -->
 <v-footer></v-footer>

自定义组件更方便快速开发，但是重点不在自定组件的引用，而在于组件间的传值，其实父子，子父，兄弟传值只是种叫法，还有refs方法不仅传值也可以传方法，但是最根本主要是体现出vue框架中的数据操控