计算机请你说说vue通信方式-笔试面试资料

父向子传值

• 通过属性传递，通过props接收

• props传递数据的注意事项（不用太在意）

  • 在普通html里不能通过驼峰命名传递数据，必须是以短横线的形式传递

  • 接收不管在哪，都是以驼峰 形式接收数据

  • 基本数据类型均可传递（数字，字符串，布尔值，对象，数组）

子向父传值

• 通过自定义事件的方式传递数据

  • 1.在组件调用的标签上绑定自定义事件及回调函数

  • 2.在子组件内部，通过$emit("自定义事件的名称", 要传递的数据)触发自定义事件

  • 3.在标签的自定义事件回调函数上，通过$event接收数据

  • 4.在父组件事件的回调函数定义那，通过形参接收$event

兄弟组件之间的传值

• 通过事件中心（event-bus）传递数据

  • 1.定义事件中心 var hub = new Vue()

  • 2.在需要监听的组件内部通过 hub.$on()监听事件，提供事件回调函数

  • 3.在需要触发事件的组件中，通过 hub.$emit()触发自定义事件，传递参数