欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

vue中關(guān)于template報(bào)錯(cuò)等問(wèn)題的解決

 更新時(shí)間：2022年04月26日 11:54:40   作者：伊丶二  
這篇文章主要介紹了vue中關(guān)于template報(bào)錯(cuò)等問(wèn)題的解決，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教

template報(bào)錯(cuò)

寫這個(gè)純粹是為了紀(jì)念有多蠢

template:`
<div class='app'>
?? ?<button ref = 'btn'>我是按鈕1</button>
?? ?<subCom ref = 'subc'></subCom>
</div>
?? ?`,

關(guān)于template里面寫的HTML，經(jīng)歷了報(bào)錯(cuò)，控制臺(tái)反映字符串不齊，語(yǔ)法錯(cuò)誤等一系列問(wèn)題后，查遍了各種博客，在查看別的框架的源碼后，才發(fā)現(xiàn)語(yǔ)法沒(méi)有問(wèn)題，js導(dǎo)入沒(méi)有問(wèn)題，有問(wèn)題的是

template里面，用的是``

就是數(shù)字1旁邊的`，不是單引號(hào)！??！

就這個(gè)我嘗試查詢了一個(gè)多小時(shí)的bug。。。

vue報(bào)錯(cuò)問(wèn)題

The template root requires exactly one element

這段話的意思是：根模板必須有一個(gè)準(zhǔn)確的元素。

在vue組件中會(huì)使用template標(biāo)簽，在template中，還需要一個(gè)標(biāo)簽元素將其他標(biāo)簽元素包裹起來(lái)，因?yàn)閠emplate標(biāo)簽是不會(huì)被DOM解析，生成DOM元素的時(shí)候會(huì)被隱藏，而組件又必須只能有一個(gè)根節(jié)點(diǎn)。

//helloWorld.vue
//正確寫法
<template>
?? ?<div>
?? ??? ?<h1>我是h1</h1>
?? ??? ?<h1>我是h1</h1>
?? ??? ?<h1>我是helloWorld</h1>
?? ?</div>
</template>
//錯(cuò)誤寫法,會(huì)報(bào)錯(cuò)。
<template>
?? ?<h1>我是h1</h1>
?? ?<h1>我是h1</h1>
?? ?<h1>我是helloWorld</h1>
</template>

這種最外層標(biāo)簽元素只能有一個(gè)的方式跟React中的組件用法一致。

React中render函數(shù)return組件的時(shí)候，最外層也必須只能有一個(gè)標(biāo)簽元素，將其他標(biāo)簽嚴(yán)肅包裹起來(lái)，否則會(huì)報(bào)錯(cuò)。

//helloWorld.jsx
render(){
?? ?return(
?? ??? ?<div>
?? ??? ??? ?<h1>我是h1</h1>
?? ??? ??? ?<h1>我是h1</h1>
?? ??? ??? ?<h1>我是helloWorld</h1>
?? ? ??? ?</div>
?? ?)
}

以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

相關(guān)文章

最新評(píng)論