Vue 学习笔记 —— 组件化开发 （三，前端驱动面试

4. 如果使用驼峰式命名组件，要么在使用组件得时候，只能在字符串模板中用驼峰得方式使用组件

但是在普通得模板标签中，必须使用横线的方式使用组件

1.4 props 属性值类型

• 字符串 String

• 数值 Number

• 布尔值 Boolean

• 数组 Array

• 对象 Object

二、组件之间数据交互

=========================================================================

2.1 父组件向子组件传递数据

• 父组件向子组件传递数据，分为静态数据 和 动态数据（属性绑定实现）

• 子组件接收父组件传递过来的内容，要通过 props 来接收父组件的数据

父组件向子组件传递数据

{ {pmsg}}

二、静态数据传递

三、动态数据传递

四、短横线绑定

五、数组传递

六、对象传递

2.2 子组件向父组件传递数据

子组件向父组件传值

props 传递数据原则，单向数据流

1. 子组件通过自定义事件向父组件传递信息 $emit 向父组件传递数据

2. 父组件监听子组件的事件

接下来我们以一个改变字体大小 以及 传递数组的实例来给给大家演示