本人是前端新手，想藉由鐵人賽讓自己更熟悉 Vue，所以將學習筆記分享給大家。先附上官方文件，搭配官方文件服用可以更快速了解 Vue，文中若有觀念不正確之處，請不...
使用v-model綁定切換樣式原本想買白爛貓的飲料袋(不是業配)沒搶到只好來仿它的購物清單白爛貓 HTML <div id="app"...
使用component和slot的概念，製作兩個左右的tab製作一個tab選單及tab內容的模版，可直接共用在HTML裡更換文字內容 這次仿momo購物網裡的其...
簡單購物清單的畫面有實現邏輯的部分有: 新增及刪除部分 總價計算出上面所有填入的單價*數量之和 vue的HTML <div id="app&...
嗨！讓我抓住禮拜天的尾巴，繼續研究Vue.js吧XD，之後就要分心處理React了，那廢話不多說，分隔線下進入正文！ 對父級做事件處理 首先提一下關於組件的事...
Hello！大家好！前幾天突然看到鐵人賽在十月開始，實在來的太快，讓小弟我感到非常錯愕XD，去年因為害怕所以沒有參加，但那時候也立志了今年要參加的決心！所以之後...
Hello！大家好！Part1篇在這裡，今天讓我們繼續事件修飾符的Part2篇(簡單迅速切入正文，因為時間有點晚了XD)！ 首先登板的是.once！ 1. ....
HI！其實第一篇已經簡單介紹過事件綁定了，但是我看他官方文件上面好像還有很多可以講，就在這裡把他獨立出來了XD 再講新的之前先複習一下之前學過的綁定方式：HT...
嗨！大家好！最近都維持著兩三天就一篇文章的頻率，說實在有點累人XD，不過年底就要到了很多事情都還沒有一個著落，突然覺得有點著急，才想說加緊個腳步 昨天我們說了c...
嗨啊！今天台南終於放晴了，那麼好的天氣，就輕鬆打個文章吧XD，內容來說說如何使用Vue.js來操作class屬性。 class 不就用v-bind綁定clas...
HI！大家好啊！緊接著computed之後，今天再來學習新的Vue.js的屬性watch吧！ watch 這是什麼？ 如果我們要在一個表單上的值發生改變的時候...
嗨啊！大家好！經過昨天耍了一天廢後，今天繼續闖蕩Vue世界吧！ 孔子說「溫故而知新」所以在進入正文之前我們先簡單複習一下資料綁定，看能不能因此獲得新的知識XDH...
HI！記得我們在第一篇的時候有提過如何將Vue.js的資料綁定到View上面嗎？如果忘記的話可以看一下以下最簡單的範例：HTML <input id=&q...
終於輪到迴圈了(其實也才剛開始三篇而已XD)！說到迴圈大家一定不陌生，除了最初的起點Hello!world!以外，應該就是九九乘法表了，那當迴圈融入前端框架時，...
前陣子和朋友在書局逛街的時候，他問了一句話：「欸！你都是怎麼重頭學習一個新技術的啊？」在記憶裡，我是這樣回答的：「很簡單啊，做就對了！」 沒錯！ 就是這樣子...
其實這次標題有點騙人，因為對小弟來說也不算第一次接觸了，但也只是前幾天讀過官方文件的等級而已，所以如果有些地方解釋的不對，還請各位大大留言告訴我了，在此小弟感激...
以 ElementUI 的 Button 為例 這是 ElementUI 的 Button預設沒有提供這樣的樣式該如何做到呢？ 建立一個新元件，命名為 ElBu...
export default { name: "HelloWorld", data() { return { n...
Cheat Sheet 這邊分享一個美觀又實用的 Vuex Cheat Sheet ，作者將 Vuex 會用到的功能全部列在清單中，對於我這種今天看完明天就忘記...
Plugin 前面有稍微提到如何使用 plugin ，不過我們有時候並不需要自己來建輪子， GitHub 上已經有很多人開發中出方便實用的工具，我們可以善加利用...
很快地今天是鐵人賽的第30天，還記得一個月前，我對於Vue.js完全就是一張白紙的狀態，什麼都不太了解的狀態下，鼓起勇氣跟著30天熱度的夥伴一起參加這個比賽，雖...
d3 + vue 一開始訂下這個題目，是希望能夠將兩者整合應用，來做個嘗試吧 這次把d3寫到vue之中，利用vue來讀取檔案，並且將部分的設定值寫在vue的d...
今天找方法解昨天的bug，但目前狀態還是無法解決中。 回顧一下昨天的bug 昨天的bug是這樣的，我昨天的目標本來是要寫每個頁面的共用元件(navbar)，所以...
今日預定目標 加入網站共用的navbar 加入網站共用的navbar 先安裝vue-router與webpack套件，使用vue-router來管理路由...
鐵人賽參賽到這邊，該是將這三個禮拜學到的概念好好發揮練功一下了，所以從今天開始到第30天最後一天，我會製作一個含有CRUD(Create, Read, Upda...
這篇我們要開始將自己建立Vue的樣板並放入Laravel的專案當中，讓它去編譯樣板並顯示出來。 Laravel Artisan 首先我們先認識Laravel的專...
上一篇我們已經將Laravel專案建立出來了，因為我習慣在建立一個framework專案後，會先認識一下其專案的架構，以便之後開發上較能了解哪個目錄是放入什麼檔...
在現代網站大量開發的時代下，Framework(網頁開發框架)的勢力愈來愈強，為什麼有使用Framework的架站技術會如此受歡迎呢？主要原因是因為Framew...
今天我們將繼續寫購物車Vuex專案的第二個頁面：購物車頁面。 購物車頁面 1. 刻出UI介面：修改src/components/pages/shoppingC...
Magisheng
Nomi Su
Syuanhahaha
Eric
iThome鐵人賽
看影片追技術