vue组件那些事($attrs,props,emits)

63 阅读1分钟

前言vue组件总结篇,

$attrs

可以收集父组件中的所有传过来的属性除了那些在组件中没有通过 props 定义的。

使用场景:

Myinput.vue组件 image.png

父组件:

image.png

在Myinput.vue组件 使用时加了 type="text",并且props中没有暴露出type

现在大家请看type 渲染在哪!!!!!!!!!

image.png

没有在Myinput.vue 中的input上,这个时候就可以通过 $attrs

image.png

浏览器上

image.png

props

它就不需要多介绍了吧,写组件通信必用,直接上代码 vue3.2写法

Myinput.vue组件

image.png

父组件

image.png

emits

它也不需多解释了上代码

image.png

image.png