Vue框架的模板源碼主要由HTML代碼和Vue語法混合組成。模板源碼是類似于HTML的格式，但是包含了Vue特殊的指令和綁定語法，這使得Vue能夠將數據和模板相結合渲染出真實的DOM元素。

模板源碼中，Vue的指令和表達式都以 “v-” 開頭，比如常見的v-bind, v-if, v-for等等。這些指令能夠讓我們在視圖中綁定數據、控制元素的出現和隱藏、循環渲染列表等等。除了指令，模板源碼還可以包括JavaScript表達式、過濾器等功能。

<div id="app">
<h1 v-bind:class="{active: isActive}">{{ message | capitalize }}</h1>
<p v-if="show">現在你看到我了</p>
<ul>
<li v-for="item in list" :key="item.id">{{ item.name }}</li>
</ul>
</div>

上面的代碼段是一個簡單的Vue模板示例，它包括一個h1標簽、一個p標簽和一個列表。其中h1標簽綁定了一個isActive屬性，p標簽通過v-if指令控制它的顯示和隱藏。列表使用v-for指令循環渲染，并且為每個列表項賦予了一個固定的key。

除了常見的指令和語法外，在Vue模板中還有一些常見的修飾符，比如.lazy, .number, .trim等等。修飾符可以用來改變指令或表達式的行為，例如將一個輸入框的v-model與.lazy修飾符一起使用，可以使得用戶輸入時不會即時更新數據，而是等到輸入框失去焦點后才更新數據。

下面是一個帶有修飾符的示例代碼：

<input v-model.lazy="message">

上面的代碼中，v-model綁定了一個message屬性，并加了一個.lazy的修飾符，表示數據綁定不會即時更新。

總的來說，Vue的模板源碼非常靈活，可以根據不同的需求組合和定制指令、修飾符等來實現各種各樣的功能，這也是Vue框架如此流行的一個重要原因。