.vue-templates,{Template Error}
本文主要介绍了vue中模板错误等问题的解决方法,具有很好的参考价值。希望对大家有帮助。如有错误或不足之处,请不吝赐教。
目录
模板报告了一个错误。vue报告了一个错误问题。
template报错
我写这个纯粹是为了纪念我有多蠢。
模板:` 1
div class=" app "
巴顿= BTN 我是巴顿1号/巴顿
subCom ref=subc/subCom
/div
`,
至于用模板写的HTML,在报错、控制台反映的字符串不规则、语法错误等一系列问题之后,我查了各种博客。我查了一下其他框架的源代码,发现语法和js导入都没有问题。有问题的是
template里面,用的是``
就是数字1旁边的`,不是单引号!!!
我试着在这个问题上询问了一个多小时。
vue报错问题
模板根只需要一个元素
这段话的意思是:模板必须有一个精确的元素。
模板标签将在vue组件中使用。在模板中,需要一个tag元素来包装其他tag元素,因为模板tag不会被DOM解析,在生成DOM元素时会被隐藏,而且组件必须只有一个根节点。
//helloWorld.vue
//正确书写
模板
差异
H1我是h1/h1。
H1我是h1/h1。
H1我是helloWorld/h1
/div
/模板
//写错了就报错。
模板
H1我是h1/h1。
H1我是h1/h1。
H1我是helloWorld/h1
/模板
最外面的标签元素只能有一个的方式与React中组件的用法一致。
当render函数返回React中的组件时,最外层必须只有一个tag元素,其他标签会被认真包裹起来,否则会报错。
//helloWorld.jsx
render(){
返回(
差异
H1我是h1/h1。
H1我是h1/h1。
H1我是helloWorld/h1
/div
)
}
以上个人经历,希望能给大家一个参考,也希望大家多多支持我们。
郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。