Vue.js

接續上一篇，接下來要來瞭解如何透過事件向父元件傳遞訊息，以及如何使用插槽，還有動態元件怎麼用。

Vue.js

基本上，看完前面幾個章節的內容就已經瞭解 Vue.js 的基本功能了，但 Vue.js 還提供許多很棒的功能，其中之一就是元件。元件就像一個自訂的 HTML 元素，將相關的功能全都封裝在一起，它們就像一個個的積木，你可以用它們來建立整個網站，而且不但易於日後維護，同時也容易重覆使用。

Vue.js

看了那麼多使用 Vue 的範例，最後我們來看看 Vue 實體以及它從建立到銷毀的整個生命週期，以便對 Vue 有更完整的瞭解。

Vue.js

在 HTML 元素中有 class 及 style 屬性，我們可以透過它們來指定 CSS 中的樣式，或直接寫在元素中。由於它們是屬性，所以當然可以透過 v-bind 指令來綁定它們的值，而 Vue.js 對這兩個屬性提供了增強功能，表達式除了可是是字串外，還可以是陣列或物件。

Vue.js

為了讓 View 專注在顯示資料，你應該將需要複雜計算的程式邏輯抽離，讓顯示 View 的模版簡潔，Vue 設計了一個計算屬性讓你這麼做。