新聞中心
這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
詳解.vue文件解析的實(shí)現(xiàn)-創(chuàng)新互聯(lián)
vue單文件
vue是現(xiàn)今非常流行的框架之一,整體給人的感覺就是優(yōu)雅,小巧,最近開始學(xué)習(xí)著使用該框架做一些項(xiàng)目,學(xué)習(xí),當(dāng)然是從實(shí)踐開始,在瀏覽了一遍官方文檔之后,便開始用vue-cli腳手架來快速搭建一個(gè)vue項(xiàng)目,從實(shí)踐中快速學(xué)習(xí)。在看了一遍項(xiàng)目文件結(jié)構(gòu)后,對于.vue結(jié)尾的單文件卻是有很多不解的地方,具體碰到的問題如下:
什么是標(biāo)簽
template是html5的一個(gè)新元素,主要用于保存客戶端中的內(nèi)容,表現(xiàn)為瀏覽器解析該內(nèi)容但不渲染出來,可以將一個(gè)模板視為正在被存儲(chǔ)以供隨后在文檔中使用的一個(gè)內(nèi)容片段。
關(guān)于單文件組件
vue的單文件相當(dāng)于一個(gè)頁面中的組件,包含了關(guān)于該組件的html-css-js文件集合,這么做的目的有利于項(xiàng)目的管理和整合,官方說法是有構(gòu)建步驟。
在標(biāo)簽下只能有一個(gè)子節(jié)點(diǎn)元素,如果寫多個(gè)如
這樣的標(biāo)簽則會(huì)報(bào)錯(cuò),如下所示//run --> throw error -Component template should contain exactly one root element. If you are using v-if on multiple elements, use v-else-if to chain them instead.
網(wǎng)頁題目:詳解.vue文件解析的實(shí)現(xiàn)-創(chuàng)新互聯(lián)
標(biāo)題URL:http://www.dlmjj.cn/article/dohjcs.html