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ù)組件提供上下文信息。