W3C 验证和 Vue 的 HTML 绑定语法

Question

当我使用 W3C 验证器验证我的页面时，我在 Vue 的事件和绑定语法中收到此错误：

错误：此时元素 div 上不允许使用属性 v-on:click。

有没有办法解决这个问题？

Answer 1

您可以创建一个特定的正则表达式来忽略由 vue.js 使用引起的错误：

Attribute "((v-|:)[^"]+|@click)" not allowed

此正则表达式可以以不同的方式使用，具体取决于您验证项目的准确程度。例如，如果您使用的是 CLI 版本的 vnu.jar，您可以将其放入文件中并使用 --filterfile LIST_OF_REGEXES.txt 选项。或者，如果您要设置自己的 vnu.jar 服务器，则可以使用 -Dnu.validator.servlet.filterfile=LIST_OF_REGEXES.txt。

（可悲的是，一些包装器，例如html-validator/html-validator-cli for node 和gulp-html 显然只支持忽略字符串而不是正则表达式。其他诸如grunt-html 和html5validator 所以支持它。 )

顺便说一句，引号的样式发生了变化，在旧版本中，默认情况下它会使用 unicode 智能引号，并且需要调整正则表达式。

Answer 2

理想情况下，他们会支持使用data-* attributes，例如data-v-on:click，但似乎他们不支持。

查看他们的问题Why not using HTML5 data-* attributes。

看来overwrite the used prefix是可以的，但是这个选项seems to have been removed。