vue 的高级用法

1、$attrs (属性透传)

   用法见:https://blog.csdn.net/weixin_40509884/article/details/105658377

   v-bind="$attrs"

   场景:你需要对一些组件进行一些封装(爸爸)。你不知道爷爷要传给孙子哪些遗产,所以你需要把所有的遗产都透明传输给孙子。常配合inheritAttrs: false(默认true)使用。 eg,重新input 组件,根据一个参数,使用不同的组件。

2、$listeners (方法透传)

   用法见:https://cn.vuejs.org/v2/guide/components-custom-events.html#%E5%B0%86%E5%8E%9F%E7%94%9F%E4%BA%8B%E4%BB%B6%E7%BB%91%E5%AE%9A%E5%88%B0%E7%BB%84%E4%BB%B6

   v-on="$listeners" 

   场景: 爷爷所有的绑定的事件监听,都透明传输给孙子。这个孙子的所有事件,都能被爷爷监听到。与$attrs 配合一块,被用来重构组件使用。

posted @ 2021-01-25 11:25  xunhanliu  阅读(337)  评论(0编辑  收藏  举报