本文操作环境：windows10系统、Vue2.9.6版，DELL G3电脑。

vue中ｒｅｐｌａｃｅ的用法是什么

vue.js源码ｒｅｐｌａｃｅ方法

/**   * Camelize a hyphen-delimited string.   */  var camelizeRE = /-(\w)/g;  var camelize = cached(function (str) {    return str.ｒｅｐｌａｃｅ(camelizeRE, function (_, c) { return c ? c.toUpperCase() : ''; })  });  /**   * Hyphenate a camelCase string.   */  var hyphenateRE = /\B([A-Z])/g;  var hyphenate = cached(function (str) {    return str.ｒｅｐｌａｃｅ(hyphenateRE, '-$1').toLowerCase()  });

语法

参数

regexp (pattern)

一个RegExp 对象或者其字面量。该正则所匹配的内容会被第二个参数的返回值替换掉。

立即学习“前端免费学习笔记（深入）”；

substr (pattern)

一个将被 newSubStr 替换的 字符串。其被视为一整个字符串，而不是一个正则表达式。仅第一个匹配项会被替换。

newSubStr (replacement)

用于替换掉第一个参数在原字符串中的匹配部分的字符串。该字符串中可以内插一些特殊的变量名。参考下面的使用字符串作为参数。

function (replacement)

一个用来创建新子字符串的函数，该函数的返回值将替换掉第一个参数匹配到的结果。参考下面的指定一个函数作为参数。

ｒｅｐｌａｃｅ文档查看

第一种camelize转换方法：

ｒｅｐｌａｃｅ指定一个函数作为参数，通过控制台看他输出的内容

上述可以看出ｒｅｐｌａｃｅ通过全局正则匹配，类似于exex和test的lastIndex实现

vue源码中的ｒｅｐｌａｃｅ会全局匹配，运行函数体进行newStr的替换

第二种hyphenateRE转换使用特殊变量名$参数

描述

使用字符串作为参数

替换字符串可以插入下面的特殊变量名：

eg:

正则全局匹配非单词边界，在这里匹配连字符+大写字母，然后-$1全局替换

【相关推荐：《vue.js教程》】