vue创建自定义组件并监听原生事件

Posted 2023-05-03

参考技术A 1.自定义文件newinput创建一个自定义组件（components目录下）

2.自定义Index.vue引入组件并导出（components目录下）

3.在main.js中全局化组件

4.在newinput文件中定义.$listeners监听方法使Newinput组件上的监听方法全部指向input

vue中$refs, $emit, $on, $once, $off的使用详解

参考技术A 父组件调用子组件的方法，可以传递数据。
父组件：

子组件：

子组件调用父组件的方法并传递数据。

子组件：

父组件：

兄弟组件之间相互传递数据。
首先创建一个vue的空白实例（兄弟组件的桥梁）

子组件a:发送放使用$emit自定义事件把数据带过去。

子组件b:接收方通过$on监听自定义事件的callback接收数据

父组件：

监听一个自定义事件，但是只触发一次。一旦触发之后，监听器就会被移除。
将on变成once，即只执行一次。

移除自定义事件监听器，语法：vm.$off( [event, callback] )
如果没有提供参数，则移除所有的事件监听器；（注意这条，一般在main.js中，移除所有事件绑定）
如果只提供了事件，则移除该事件所有的监听器；
如果同时提供了事件与回调，则只移除这个回调的监听器。