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語法。平時開發不建議使用woth語法。