Vue 使用提供和注入作为一种方法来将数据向下发送多个级别,而不必使用属性——但是您是否知道您可以为任何注入的数据设置默认值,不应该一开始就注入吗? 让我们看看它是如何工作的。
在 Vue 中使用提供和注入设置默认值
如果你不确定提供和注入是如何工作的,你可以在这里阅读。 默认情况下,inject 期望为提供键设置默认值 - 如果不是,它将引发运行时错误。 因此,设置默认值是有益的,这样就不会触发运行时错误。
所以让我们看一个例子。 假设您在父母中提供一些数据,如下所示:
如果然后将其注入某处,则可以使用第二个参数设置默认值。 例如:
在此示例中,如果找不到 myKey,则将默认值设置为默认值。 您可以使用 Options API 实现相同的功能,如下所示:
export default { inject: { message: { myKey: 'the default value' } }}
在 Vue 中为注入器设置默认值是最佳实践,有助于防止意外的运行时错误。
关注七爪网,获取更多APP/小程序/网站源码资源!
留言与评论(共有 0 条评论) “” |