- Vue.js企業(yè)開(kāi)發(fā)實(shí)戰(zhàn)
- 千鋒教育高教產(chǎn)品研發(fā)部編著
- 290字
- 2022-07-28 19:42:49
3.2 DOM渲染選項(xiàng)
Vue通過(guò)雙向數(shù)據(jù)綁定,將數(shù)據(jù)實(shí)時(shí)渲染為瀏覽器能夠解析的DOM,在Vue實(shí)例中有一些關(guān)于操作DOM的選項(xiàng),具體內(nèi)容如下。
3.2.1 el選項(xiàng)
el可以是字符串也可以是一個(gè)節(jié)點(diǎn),當(dāng)使用字符串時(shí)el是CSS選擇器,當(dāng)使用節(jié)點(diǎn)時(shí)el是一個(gè)HTMLElement實(shí)例,代碼如下:

3.2.2 template選項(xiàng)
template選項(xiàng)是一個(gè)字符串模板,屬性值為字符串類(lèi)型,作為Vue實(shí)例的標(biāo)識(shí)使用。模板會(huì)替換掛載的元素,掛載元素的內(nèi)容都將被忽略,除非模板的內(nèi)容有分發(fā)插槽。
3.2.3 render選項(xiàng)
render是字符串模板的替代方案,可以使用JavaScript編程的方式實(shí)現(xiàn)。該渲染函數(shù)接收一個(gè)createElement()方法作為第一個(gè)參數(shù)用來(lái)創(chuàng)建VNode。如果組件是一個(gè)函數(shù)組件,則渲染函數(shù)還會(huì)接收一個(gè)額外的context參數(shù),為沒(méi)有實(shí)例的函數(shù)組件提供上下文信息。
推薦閱讀
- Pro/ENGINEER三維造型設(shè)計(jì)實(shí)例精解
- jQuery+Bootstrap Web開(kāi)發(fā)案例教程(在線實(shí)訓(xùn)版)
- jQuery Web開(kāi)發(fā)案例教程(在線實(shí)訓(xùn)版)
- 網(wǎng)頁(yè)設(shè)計(jì)與制作Dreamweaver CS6標(biāo)準(zhǔn)教程(第2版)
- Photoshop網(wǎng)頁(yè)設(shè)計(jì)從入門(mén)到精通
- 網(wǎng)頁(yè)設(shè)計(jì)與制作
- Linux系統(tǒng)與網(wǎng)絡(luò)服務(wù)管理技術(shù)大全(第二版)
- Highcharts網(wǎng)頁(yè)圖表制作實(shí)例詳解 (Web開(kāi)發(fā)典藏大系)
- 秩序之美:網(wǎng)頁(yè)中的網(wǎng)格設(shè)計(jì)
- 在實(shí)戰(zhàn)中成長(zhǎng):JSP開(kāi)發(fā)之路
- 從零開(kāi)始讀懂Web3
- HTML+CSS+JavaScript網(wǎng)頁(yè)制作從新手到高手
- 網(wǎng)頁(yè)設(shè)計(jì)與開(kāi)發(fā)
- HTML網(wǎng)頁(yè)設(shè)計(jì)案例指導(dǎo)
- 精通HTML5+CSS3+JavaScript網(wǎng)頁(yè)設(shè)計(jì)(視頻教學(xué)版)(第2版)