zoukankan      html  css  js  c++  java
  • 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 配合一块,被用来重构组件使用。

  • 相关阅读:
    策略模式
    装饰模式
    责任链模式
    算法_快速排序
    算法_二分查找
    数据结构学习笔记_表
    集合遍历remove时ConcurrentModificationException异常
    LinkedHashMap笔记
    Windows相关命令
    高效率幂运算
  • 原文地址:https://www.cnblogs.com/xunhanliu/p/14324248.html
Copyright © 2011-2022 走看看