鐵人檔案
這是我第一次參加鐵人賽，先說目標吧，我想藉由這樣的比賽來提升自己研究技術的能力。過去幾個月的我，把這樣一個重要的能力流失掉了。 我還記得我剛開始接觸 web 的...
Vue 的引入跟 jQuery 一樣，這裡就不多贅述，版本一樣有壓縮版本跟開發人員版本。當引入好 Vue 之後，我們就可以先來建立第一個應用程式。 首先我們先在...
前面一篇我們建立應用程式的時候把資料呈現在頁面上的方法是使用兩個大括號包覆的方式，如下: <div id="app">...
接下來要來介紹一個新的指令 v-bind，它是用來綁定 HTML 標籤的屬性照慣例，Vue 的架構如下: <div id="app"&...
這篇要來介紹 v-for 和 v-if 這兩個指令相當於 JavaScript 的 for 迴圈跟 if 判斷式一樣先把 Vue 的基本架構寫出來: <d...
接下來要來介紹，如何綁定事件，以 click 事件來舉例: <div id="app"> <input type=&q...
先前有講到 v-on 和 v-bind 指令v-on 用在事件上，v-bind 用在綁定標籤的屬性上而這些指令其實是有修飾符可以用的，意指縮寫。 拿前面章節的程...
這裡來介紹在 Vue 動態加上 class一樣先把 Vue 的架構先撰寫出來，而目標是想點擊按鈕時會在 .box 自動加上 rotate 這個 class，再點...
這篇要來介紹，基本常用的一些表單元素，與 Vue 的資料綁定時會如何做我們一樣先把 Vue 的架構寫出來，只是這次在 data 內新增多個變數來存放不同的表單元...
綜合了前面所講的，來稍微整理一下 Vue 的常用語法:首先我們一樣先寫好 Vue 的相關資料，如下: <script> var app = new...
