vue如何规范化字符串

这篇文章给大家分享的是有关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如何规范化字符串"这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，让大家可以学到更多知识，如果觉得文章不错，可以把它分享出去让更多的人看到吧！