Vue组件和父子组件传参

1、什么是组件

是为了拆分vue实例代码量的，能够让我们以不同的组件来划分不同的功能模块

2、组件和模块的区别

①模块化：是从代码逻辑角度划分的，方便代码分层开发，保证每一个功能模块职能单一
②组件化：是从UI界面角度划分的，前端组件方便了UI组件的重用

3、组件中的data定义成一个函数并返回一个对象的原因

数据隔离，同一组件调用在不同的地方不会互相影响

4、使用组件的另一种方式

component标签，里面有一个is属性，属性值就是组件名字

5、父传子

①在父组件的子标签中添加一个自定义属性
②在子组件中有一个props属性，接受父组件的传参和data平级。属性名是自定义属性，属性值是数据类型
父传子传过来的属性不能发生改变并且数据类型可以写多个

6、子传父

①在父组件的子标签中自定义一个事件，事件里的参数就是子组件传递的数据
②在子组件中有一个this.$emit()方法，在里面传递参数。第一个参数是自定义时间名，第二个参数是传递的参数