公共组件全部放在src\components\下
在src\components\下建立:Header.vue
代码
<template>
<div>
<div>头部信息,全局组件</div>
</div>
</template>
<script>
export default {}
</script>
<style>
</style>
引入全局组件放在:src\main.js 中
//导入全局组件
import headerVue from '@/components/Header';
//注册全局组件
Vue.component('headerVue ', headerVue );
在任意vue模板中可直接使用全局组件
<template>
<div>
<header-vue></header-vue>
<div>
</template>
关于父子组件通信、传值 请参 4.Vue 局部组件 文章
网友评论