Vue.js (14) - 過場效果及動畫

Vue.js

Vue.js 可以在新增、更新或移除 DOM 時使用 CSS 顯示過場效果及動畫,讓元素或元件產生漸進變化。動畫效果可以自己設定,也可以使用第三方的函式庫。




Vue.js (10) - 單一元件檔(Single-file components)

Vue.js

不論是在 Vue 實體中建立區域元件,或是使用 Vue.component 來建立全域元件,這些都只適合在用在簡單的小元件上,當元件變得複雜時,在開發上會變得很沒效率,這時可以使用 Vue 提供的單一元件檔來解決這個問題。

Vue.js (9.2) - 元件(Component)

Vue.js

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

Vue.js (9.1) - 元件(Component)

Vue.js

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

Vue.js (8) - Vue 實體與生命週期

Vue.js

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

Vue.js (7) - HTML 的 Class 與 Style 屬性綁定

Vue.js

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