0


这里的标签child不是跟注册组件的child是同级吗?怎么是父组件了
求详细解释下父组件 子组件
谢谢

8个回答

1

已采纳

这里的标签 child 就是 vue 注册的组件,这本来就是子组件。
而这个子组件,其实是存在于一个父组件里的,只是例子中没有写出来,其实是应该这样子的。

<father-component>
    <child message="hello!"></child>
</father-component>

child 是子组件,father是父组件,hello 和child 标签都存在父组件中,hello 通过 props 传进去给子组件使用。

0

也是初学者,这里的子组件应该是span吧,不对的地方还请指正

0

首先子组件与父组件都是组件,组件会区分父组件与子组件,只是谁包含谁,被包含的就是子组件。<child>在当前组件中,所以在当前组件文件中,他就是子组件

0

简单理解,父子组件之间的关系和父子元素之间的关系相当

0

简单来讲:
Vue.component()是制作子组件,<child></child>是制作好了,在父组件环境里面用

0

我也不是很理解这种父子组件的说法,但是可以简单理解为:使用的地方是父组件,定义的地方是子组件,虽然他们是同一个组件。。

0

在我学习父子组件的时候也是一头雾水,组件的写法比较多,加上全局注册和局部注册,也是晕头转向。现在稍微能明白一点儿。
要弄懂父组件,子组件,一、要知道构造器和注册。二、知道全局注册和局部注册。

一、Vue.extend() 创建构造器。如

var MyComponent = Vue.extend({
    template : '<div>A custom component!</div>'
});

二、Vue.component(MyComponent , constructor) 注这个组件构造器 如:

// 全局注册组件
    Vue.component('MyComponent ',  MyComponent);
// 局部注册组件  
    var aaa= Vue.extend({
        template : '...',
        components : {//看这里       
            'my-component': Child
        }
    })

第三部就可以使用了,<my-component></my-component>

Vue.js为了简化这个过程,提供了注册语法糖,通常采用如下直接创建和注册组件

 <template id="dialog-template">
    <h1 class="dialog-title">{{ title }}</h1>
    </template>

也就是说,在vue实例中通过 components 注册或者Vue.component()只是说全局注册或者局部注册而已,跟作用范围有关。

我觉得这个时候在看父子组件会清晰很多。子组件肯定写在别的组件的内部。比如这个

<template id="dialog-template">
    <外层有组件了,这个肯定是子组件喽>
</template>

看完有没有觉得思路清晰一点儿了呢,也是初学,如果觉得对您有帮助那就最好了
推荐:http://www.cnblogs.com/keepfo...

0

官方文档的例子也就是你上传的那个是他定义的子组件,而引入(使用)子组件的那个就是父组件。这是一个相对的概念。

撰写答案