1、模板
一個最簡答的模板:
<div id="app"> {{ message }} </div>
v-for模板:
<ul id="example-1">
<li v-for="item in items"> {{ item.message }} </li>
</ul>
2、模板類似於html代碼,又不是。因為模板中含有v-if,v-for,@click等不屬於html的屬性代碼。
3、怎么解析?
(1)首選模板含有v-for等邏輯,因此必須使用js來進行解析。(html和css解析不了)
(2)js解析成什么?js會解析為一個js函數,即render函數,這個render函數返回vode對象,后面其他函數(update)將vnode渲染成html。
update中分為首次渲染和更新渲染。
說明:vue中的render函數使用了with語法。平時開發不建議使用with語法。