共计 401 个字符，预计需要花费 2 分钟才能阅读完成。
前一段时间总在写 React 我的项目，tsx 中写 dom 用三元运算符用的多。
这次写 Vue 我的项目，把写三元运算符的习惯带到了 vue 的模板语法中，同时条件表达式中用了小于号 ”<“，后果编译失常，网页展现失常，eslint 报错 ”invalid-first-character-of-tag-name”。
举个例子
解决办法 (回到 Vue 的世界，别在 React 里打转)：
1、filter（不举荐，Vue3 废除了 filter）
2、methods 外面定义一个 function 用于格式化（举荐）
3、应用本义符（骚操作领域，不举荐）
"<" 变为 "<"这种状况下 eslint 校验通过，编译可通过，页面也失常显示，然而装了 vscode 插件 Volar (或者 Vetur) 的状况下应用本义符的中央会飘红。
4、应用 v -text（不举荐，不能复用）
完结
同步更新到本人的语雀
https://www.yuque.com/diracke…
正文完