會使用 Vue 的前端框架來製作 workboard 可以學習到簡單的 Vue 操作,在過程中會使用一般導入 Vue 的 CDN來做簡單的使用,後期也會介紹 Vue CLI,CLI 部分會使用到 Route 來做頁面的切換等...,過程中也會使用 Bootstrap 來輔助前端的設計,也會大概介紹一下 Bootstrap 的使用方式。
為什麼會選擇 Vue Lucy老師最近剛學習Vue的前端框架,今天要帶利用30天來看看Vue的使用並且跟大家一起做出自己的WorkBoard,像是Trello...
上一篇(自我學習 - 簡單認識 Vue) 今天Lucy老師要跟大家一起學習的有二個部分 Vue 在 index.html 可以如何使用? 什麼事 Trello...
上一篇(自我學習 - Vue 與 index.html) 條件判斷與迴圈 今天要學的是條件判斷 v-if 跟迴圈 v-for 的使用 v-if 使用 在想...
按鈕 v-on 事件 今天要講的屬性是 v-on 這個屬性 v-on 這個屬性有一些比較常用的事件(keydown, keyup, click, dbcli...
Vue 如何及時的顯示出使用者輸入的資料 今天會使用到的屬性是 v-model v-model 在這邊使用時會像是綁定在(input,select,tex...
使用Vue Component Component 在管理方面變得好方便!現在可以把一個頁面切成一個一個的 Component ,這樣有什麼好處呢?把畫面拆解...
Watch 的方便之處 在使用 Watch 就像監督者一樣,隨時監督著變數,只要一有變動監督者就會啟動,並且觸發事件。 我們來試試看如何使用 Watch 這...
標籤上面的 Class 如何來控制呢? 這一次我們會使用的是 v-bind:class 這個屬性,為什麼需要這個呢?像是在使用樣式的轉換的時候很好用直接可以判...
單一 Class 綁定 上次學的是把所有的 class 做綁定,不知道大家有沒有這樣的一個問題,如果想要綁定一個的話怎麼辦呢? //一開始在 data 裡面...
判斷式 我在學前面的時候想說為什麼只有 v-if 這個屬性,為什麼沒有 else 或是什麼 else if 之類的,最近學的時候就發現了。 來看看如何使用吧...