父子组件使用父组件和子组件，子组件的父组件必须声明子组件，并且必须引入子组件对象。 声明方法如下。 import子组件对象from './xxx.vue '； { components:{组件名称：子组件对象} }有关} } template div //的信息，请参见header-vue/header-vue body-vue/body-vue-fue importfootervuefrom ' ./components/footer.vue '； exportdefault{data{}{return}、methods:{ }、//components3360{//组件名称(在模板中使用) :组件对象header veader
//scoped当前有效的stylescopeddiv { height :100 px； background-color:pink； }/style全局组件，使用更方便，无需声明，在main.js中部署一次，在main.js中安装Vue.component ('组件名称'，组件对象)； 的所有组件都直接从组件名称中删除//子组件对象importheadervuefrom ' ./components/header.vue '； importbodyvuefrom ' ./components/body.vue '； importfootervuefrom ' ./components/footer.vue '； //声明全局组件vue.component(headerVue )、headervue )；//注册一个组件。 第一个参数是名称，在template中使用。//第二个参数是实际对象，表示为什么内容，具有什么功能的vue.component('bodyVue '，bodyvue )； VUE.component('footerVue '，footervue )；