鐵人檔案
什麼是Vue？簡單來說是前端開發的一個框架。 什麼是前端後端？當我們在建構Web應用系統時，分為前端和後端。前端主要是進行使用者介面的建構和視覺化處理，後端則是...
接續上一篇文章講到的MVC架構，因為MVC架構的流程處理方式，會導致效能降低、關聯容易變得複雜等因素，造就新模式出現，有Flux、MVVM等，。 Vue的特性每...
建置環境介紹今天要進到實作的部分。在編寫Vue之前，要先建置好需要的環境。需要建置的環境有3個部分： Vue.js輔助工具Web應用程式執行時會使用到瀏覽器(...
製作第一個Vue程式從製作一個Hello World程式來正式進入Vue的世界，並且從中了解到Vue的一些基礎撰寫方式。 建立一個HTML檔 點選「選取...
程式語言中有輸出、輸入、迴圈、事件及條件等基本操作，先了解到有這些東西，會在之後學習更深入的內容，今天就先把重點放在生命週期上。 Vue組件的生命週期是指組件從...
資料模型及文字顯示當Vue的實體被建立時，會初始化資料模型，並監聽裡面資料的變化，如果資料模型裡的資料被更改，網頁中所有和資料模型有關的地方(綁定)都會被重新渲...
列表資料綁定(v-for)當需要列出多筆資料時，會用到v-for語法，我們要用v-for在HTML頁面中列表資料的渲染。綁定列表資料時，列表資料的資料型態有Ar...
v-show顯示及隱藏控制 當想控制畫面中元素的顯示時，可以利用v-show來達成。v-show裡有Truthy及Falsy值，搭配if判斷式使用。當JavaS...
基礎表單－單行文字（text） 之前說到的資料綁定，都是單向的，作用是資料模型裡的內容有變動時，頁面上的內容也會同步變動，但如果是表單或有使用者回覆的網頁（例如...
基礎表單－核取方塊（checkbox） input功能提供checkbox和radio兩種型態使用，先來講checkbox。核取方塊是一個正方形方塊，當我們選擇...
