() => 在图像的 vue 道具中是啥意思？

Posted 2023-02-22

【中文标题】() => 在图像的 vue 道具中是啥意思？

【英文标题】：What does () => mean in vue props for image?() => 在图像的 vue 道具中是什么意思？

【发布时间】：2021-06-17 19:06:02

【问题描述】：

所以我正在学习 vue，我遇到了这个：() => 。 它在用于图像道具的道具中。我不明白我将如何将信息输入这个道具，或者我将如何使用它？ 图片： 类型：对象， 默认值：() => ,

【问题讨论】：

这是一个空箭头函数，无论在哪里使用。

【参考方案1】：

见Prop Validation

image: type: Object, default: () => 定义了一个名为 image 的 prop，它需要一个 Object。如果您（作为组件的用户）不为 prop 提供值，则分配给 default 的函数将用于生成默认值。在这种情况下，该函数返回一个undefined（与没有default 的结果相同）

我不明白我如何将信息输入到这个道具中

你知道的只是你需要传递一个Object。但是必须从组件的文档中了解预期的对象形状（它必须具有哪些属性）......

【讨论】：

谢谢你的详细解释，所以基本上我必须输入对象src和它的值。

【参考方案2】：

对象或数组默认值必须从工厂函数返回

    // Object with a default value
    propE: 
      type: Object,
      // Object or array defaults must be returned from
      // a factory function
      default: function () 
        return  message: 'hello' 
      
    

因为对象或数组是引用类型。如果它们不是使用函数生成的，它们都将指向同一个引用

有时我们可以如下使用它

   propE: 
      type: Array,
      default: () => []
    

   propF: 
      type: Object,
      default: () => ()