教學與資訊
什麼是 MVVM？
當談到前端框架的 MVVM（Model-View-ViewModel）模式時，它是一種軟體架構設計模式，用於開發交互式的網頁應用程式。MVVM 的目標是將應用程式的使用者介面（UI）邏輯與底層的數據模型（Model）分離，同時透過一個中介組件（ViewModel）將它們連接起來。
教學與資訊
教學與資訊
[Vue.js] 設定在不同條件讀取不同圖片
說明在 Vue.js 裡設定在不同條件讀取不同圖片的方法。
教學與資訊
[Vue.js] 讓換行符號(\n)可以在 HTML 顯示換行
說明在 Vue.js 讓換行符號(\n)可以在 HTML 顯示換行的方法。
教學與資訊
[Vue.js] 在 textarea 輸入內容時讓輸入框跟著長高
說明在 Vue 中讓輸入內容時 textarea 跟著變高的方法。
網路資源
PatternFly Elements- 收錄豐富的 Web Components，並提供 React、Vue.js 及 Angular 等熱門框架元件
PatternFly Elements 是一個收錄豐富的 Web Components，並提供 React、Vue.js 及 Angular 等熱門框架元件。
網路資源
UI5 Web Components- 豐富的 Web Components 套件庫，支援 React、Vue.js、Angular 以及 Svelte 等主流前端框架
UI5 Web Components 是一個豐富的 Web Components 套件庫，支援 React、Vue.js、Angular 以及 Svelte 等主流前端框架。
網路資源
[Web Components] Wired Elements 有趣的手寫風格 UI 元件
Wired Elements 是一個有著豐富元件的手繪風格 Web Components，除了原生 js 就能使用外，也支援 React、Vue.js 以及 Svelte 等框架。
網路資源
Duet Design System- 提供許多現成的 UI 元件與設計規範方便架設網站使用
Duet Design System 是一個提供許多現成的 UI 元件與設計規範方便架設網站使用的函式庫，並可以與當今熱門前端框架 React、Vue.js 和 Angular 等整合，有興趣的可以參考看看方便加速網站開發。
網路資源
Vue2.3 Cheat Sheet
有需要可以參考使用的 Vue2.3 Cheat Sheet。
網路資源
Awesome Cheatsheets- 好用的熱門程式語言與框架語法整理網站
Awesome Cheatsheets 是一個收錄了許多熱門程式語言與框架語法的網站，包含像 PHP、javascript、C、C#、Laravel、Django、Vue.js、Angular、React、Docker、Xcode...等，還有很多沒有提到的，如果有興趣可以前往看看自己平常在寫的程式語言，有沒有什麼沒有用過的好用語法。
教學與資訊
使用 Vue.js 透過 Canvas 製作浮水印效果
說明使用 vue.js 搭配 canvas 製作浮水印的方法。
教學與資訊
在 Vue.js 裡面繪製 canavs
說明在 vue.js 內使用 canvas 繪製的初步做法。
網路資源
FreeFrontend：免費的前端程式碼寶庫，設計與開發者的靈感來源
FreeFrontend 是專為前端開發者打造的資源平台，提供 10,000+ HTML、CSS、JavaScript 範例與設計靈感，助您快速開發並掌握最新前端技術。
教學與資訊
[Vue.js] 在 vue 抓到網址上的參數(URL Parameters) 與偵測參數變化的方法
如果在 vue-router 裡要抓到網址參數的話，可以透過 vue 原生的方法就好了。
教學與資訊
[Vue.js] 搜尋關鍵字與標注(mark, highlight)功能
這是一個功能需求，就是要在搜尋關鍵字的時候直接在頁面上標註(mark, highlight) 搜尋的關鍵字出來，這邊用 Vue.js 示範給大家看一下。
教學與資訊
[Vue.js] 建置 Vue-cli 開發環境
為了要快速開發 vue 的專案，我們常常會搭配 Vue-cli，這邊介紹一下該怎麼設定 vue-cli 的環境。
教學與資訊
使用 VS Code 快速生成 Vue 模板
應該用 VS Code 開發網頁的朋友不少，雖這邊來教一下大家怎麼使用 VS Code 快速建立 vue 的模板。
教學與資訊
[Vue.js] 利用 HTML5 File api
這邊紀錄一下用 Vue.js 使用 HTML5 File api 的方法。