vue之父子组件

1.父子组件的基本认识

在这里插入图片描述
父子组件就是创建好两个组件,然后一个组件在components里面调用我们另外一个组件,那么被调用的就成了子组件,另外一个就成了父组件,还有的话就是根组件,他是设置在我们的vue里面的。

2.父组件向子组件传递数据

在这里插入图片描述
父组件向子组件传递数据的话是要使用我们的props,然后还有有类型限制,还可以提供一些默认值和必传值。还有就是类型是对象或者是数组是,默认值必须是一个函数。

3.子穿父

在这里插入图片描述
在这里插入图片描述
子组件向父组件传递数据一定要用到$emit,这相当于自定义一个事件,一个发射事件,最后将这个事件绑定到我们的父组件,就可以将子组件内的数据传递到父组件,具体操作如上图。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章