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

Vue.js

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

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

Vue.js

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

Vue.js (6) - 計算屬性

Vue.js

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

Vue.js (5) - 表單資料雙向綁定指令

Vue.js

對於表單元素,Vue.js 提供一個專用的指令,可以讓你將 View 及資料建立雙向綁定。當雙向資料綁定建立之後,使用者輸入的內容會自動儲存到一個變數中,同時,這個變數的資料會被更新到所有和它綁定的 View 中,看起來就像是立即的資料同步。

Vue.js (4) - 事件處理指令

Vue.js

Vue.js 將事件偵聽放在 HTML 中,透過 ViewModel 將事件處理方法和表達式綁在當前的 View 上,你可以很容易找到事件偵聽器對應的處理方法,由於你不必手動去綁定事件,你的事件處理程序的程式碼就可以非常的單純只專注在處理事件上。

Vue.js (3) - 指令 (Directives) 與過濾器 (Filters)

Vue.js

Vue.js 提供好用的指令讓你能控制資料的顯示,過濾器則能讓你格式化將要輸出的文字。

Vue.js (2) - 模版與資料

Vue.js

Vue.js 已經幫你處理好 DOM 和資料的綁定,於是你可以用很輕鬆的方式來處理資料如何呈現,而且當資料發生變動時,還會及時的反應在 View 上。

Vue.js (1) - 介紹

Vue.js

Laravel 從第 5 版開始內建支援 Vue.js 的使用,一開始想說怎麼「又」冒出了一個 JavaScript 框架。用了一陣子後,覺得真的是好物,因為簡單易用,所以學起來也很容易,當然進階的部份還是要花點腦力,但即使只學基礎的部份,也足夠讓你快速完成工作。

adb 透過 Wi-Fi 連線裝置

Android ADB

在開發 Android 程式的時候,如果要實機測試,一般都會用 USB 連線到裝置,但是有時候會覺得連著一條線很麻煩,這時候就可以透過 Wi-Fi 來連結。

HTTPS 連線,使用 Let's Encrypt

Let's Encrypt

要讓你的網站擁有 HTTPS 的加密連線,現在可以使用 Let's Encrypt 提供的免費 SSL 憑證服務囉~