• 首页
  • vue
  • TypeScript
  • JavaScript
  • scss
  • css3
  • html5
  • php
  • MySQL
  • redis
  • jQuery
  • mergeProps()

    合并多个props对象,对某些props进行特殊处理。

    类型

    function mergeProps(...args: object[]): object
    


    细节

    mergeProps()支持合并多个道具对象,对以下道具进行特殊处理:

    • class
    • style
    • onXxx事件监听器。多个具有相同名称的监听器将被合并到一个数组中。

    如果您不需要合并行为并且想要简单的覆盖,则可以使用原生对象扩展。


    例子

    创建原生元素

    import { mergeProps } from 'vue'
    
    const one = {
      class: 'foo',
      onClick: handlerA
    }
    
    const two = {
      class: { bar: true },
      onClick: handlerB
    }
    
    const merged = mergeProps(one, two)
    /**
     {
       class: 'foo bar',
       onClick: [handlerA, handlerB]
     }
     */
    

    上篇:h()

    下篇:cloneVNode()