共计 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…
正文完