我們現在應該大概了元件到底在幹嘛了，今天的話我們就來聊聊HTML模板怎麼寫在我們的元件裡面，通常我們常看到的可以用<template> 和 <x-template>來寫。

template屬性

template的方式就是我們前面所學到的，在template裡把我們的HTML模板寫進去就可以了。

依例自來看，我們把<div class="reader">...</div>區塊封裝成my-component的元件，在之後就可以在模板中使用元件了。

x-template屬性

隨著做的專案規模越來越大，我們的HTML模板也會越來越大，光是用template屬性直接寫入字串時不是那麼的方便閱讀或改寫。這時我們就能使用到<script id="xxx" type="text/x-template">... <script>這樣的方式來封裝我們的模板，次方式就稱為「X-Templates」。

把script的內容寫完後記得到元件的地方加入template:"id的名稱"，才有辦法抓到喔。

今天大致上到這裡，我們明天見~