VUE之模板解析(v-for)

v-for的多种写法

1. item in list

2. (item, index) in list

3. (item, name, index) in object

forAliasRE

VUE之模板解析(v-for)_第1张图片

非贪婪模式匹配 ?

正则表达式默认都是贪婪匹配,添加?后将其变成非贪婪模式

由下面例子可以看出如果没有添加?正则表达式会一口气匹配完全部能匹配得到的得到 “item in ”

添加了?之后,只能匹配到item

VUE之模板解析(v-for)_第2张图片

 

forAliasRE含义

forAlias捕获in/of关键字前后的字符串。

stripParensRE

匹配(或)

VUE之模板解析(v-for)_第3张图片

 示例

VUE之模板解析(v-for)_第4张图片

 

forIteratorRE

对于“item, name, index“字符,捕获逗号后面非,非},非]的字符。

因为用了非,所以不必像最初的正则一样使用非贪婪模式来值匹配一个逗号。

VUE之模板解析(v-for)_第5张图片

 示例

VUE之模板解析(v-for)_第6张图片 parseFor

VUE之模板解析(v-for)_第7张图片

你可能感兴趣的:(VUE,vue.js,前端,javascript)