Get the App
SLTechnology News&Howtos  ›  Development  › 

How vue normalizes strings

Shulou Source: shulou.com Published: 2022-06-01 04:35:29 09月16日 Update

这篇文章给大家分享的是有关vue如何规范化字符串的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。

模板表达式应该只有基本的 JS 表达式

在模板中添加尽可能多的内联功能是很自然的。但是这使得我们的模板不那么具有声明性,而且更加复杂,也让模板会变得非常混乱。

为此,让我们看看Vue样式指南中另一个规范化字符串的示例,看看它有多混乱。

//不好的做法{{ fullName.split(' ').map(function (word) { return word[0].toUpperCase() + word.slice(1) }).join(' ')}}

基本上,我们希望模板中的所有内容都直观明了。 为了保持这一点,我们应该将复杂的表达式重构为适当命名的组件选项。

分离复杂表达式的另一个好处是可以重用这些值。

// 好的做法{{ normalizedFullName }}// The complex expression has been moved to a computed propertycomputed: { normalizedFullName: function () { return this.fullName.split(' ').map(function (word) { return word[0].toUpperCase() + word.slice(1) }).join(' ') }}感谢各位的阅读!关于"vue如何规范化字符串"这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!

Tags: Templates expressions characters strings complexity content confusion practices more articles good practical appropriate intuitive for this bad functional only benefits as much as possible Apple Docker Huawei Linux macOS MariaDB Microsoft MySQL NVidia OPPO Reno Huawei Shulou Technology macOS Xiaomi NVidia