vue注释template中组件的属性报错怎么解决

这篇文章主要讲解了"vue注释template中组件的属性报错怎么解决"，文中的讲解内容简单清晰，易于学习与理解，下面请大家跟着小编的思路慢慢深入，一起来研究和学习"vue注释template中组件的属性报错怎么解决"吧！

注释template中组件属性

想注释一个组件的属性，一直报错

[vue/no-parsing-error] Parsing error: unexpected-character-in-attribute-name

因为项目中引入了eslint-plugin-vue，对template有默认检测，因此就直接修改.eslintrc.js文件

 "unexpected-character-in-attribute-name": false,

发现也没啥用.

最后一番查找发现，这个插件是修改了VsCode的默认配置

你得打开Vscode的配置文件

Ctrl+Shift+P ，输入open workspace settings

再搜索 vetur.validation.template

把这玩意给设置成false就成(取消勾选项)

实例中的template讲解

代码

//别忘了引包  
     {{msg}}  
  ================  
     {{msg}}  
  =================  
     {{msg}}  
  

调试图片

原理说明图片

终极结论

el，template，render属性优先性

当Vue选项对象中有render渲染函数时，Vue构造函数将直接使用渲染函数渲染DOM树，当选项对象中没有render渲染函数时，Vue构造函数首先通过将template模板编译生成渲染函数，然后再渲染DOM树，而当Vue选项对象中既没有render渲染函数，也没有template模板时，会通过el属性获取挂载元素的outerHTML来作为模板，并编译生成渲染函数。

换言之，在进行DOM树的渲染时，render渲染函数的优先级最高，template次之且需编译成渲染函数，而挂载点el属性对应的元素若存在，则在前两者均不存在时，其outerHTML才会用于编译与渲染。

感谢各位的阅读，以上就是"vue注释template中组件的属性报错怎么解决"的内容了，经过本文的学习后，相信大家对vue注释template中组件的属性报错怎么解决这一问题有了更深刻的体会，具体使用情况还需要大家实践验证。这里是，小编将为大家推送更多相关知识点的文章，欢迎关注！