Nnọọ，我是Charlie！在Day23當中我們完成了訂單資料的後端API，而今天我們將完成訂單顯示的前端。 ========================...
DAY 1 - 開賽啦 ! 強化 Vue.js 30天之旅 我的背景 - 剛成功轉職的前端小菜鳥 <背景介紹>有點長可以當廢話跳過，只是希望分...
今天要來將頭像菜單中的 [登入] 和 [移除] 功能實作出來唷~ #登入功能 開啟前端(f2e)專案開始吧!! #Step 1 擴展面板的登入會導向 [驗證...
餅乾
‧
2020-10-07
元件們如何傳遞資料? Props與Emit的用法很常見，可在常使用在元件裡傳遞資料 props 傳data到元件 emit 從元件傳出data 如此確保每個...
昨天我們講到了Vue的實體還有實體內會有的一些物件，今天就來用範例看看它內外互相響應的過程吧٩(ˊᗜˋ )و 數據和方法 當Vue實例被創建時，它會將data中...
Case01 View 內容如下： 內容跟 Day09 / Day12 差不多，主要是 js 多了 ajax 的處理 ! <div id="...
昨天鐵人賽提到了component元件是個堆積木的概念，讓我們可以更容易重複使用。結尾也提到了一個問題：在Vue裡面，不同的元件們該如何傳遞資料？ 在我們設置...
今天要做的對話腳本結果 基本上，即時連線的機制已經做出來了，就算看起來像在亂寫，後面大部分就是在做一些小設計，讓聊天室偽裝的更像vscode 今天我們就來...
vue.js2.0後版本推薦使用axios來完成ajax請求為Promise-based HTTP client非同步，可於then後進行操作、catch錯誤處...
蘇
‧
2021-09-25
當我們有很多重復的架構，內容卻不一樣，以舊有無框架的開發，我們可能就需要手動一筆一筆的刻出來，更進步一點，會透過複製+貼上~再來更改內容(像是成績單，訂單，或者...
Hello 大家好～ 前言 What is Vue.js? Progressive FrameworkComponents Base Javascript F...
Vue：接下來透過幾天，我們將把之前學的router、Vuex等，實現在這個專案上面。由上圖首頁，除了基本路由設定(首頁和文章)，將會以組件方式生成文章列表：文...
DAY 26 - Nuxt 渲染模式 SSR+SPA / CSR / 混合渲染 ，輕鬆切換渲染模式 今日前言 - 網站模式/渲染模式複習 前篇 DAY 25...
DAY 6 - Option API 進化 Compisiton API 學習目標 : 從 Option API 進化 Compisiton API ，從了...
Event Bus 前面提到了父子元件透過emit & prop進行參數傳遞，當樹狀結構逐漸複雜時，在傳遞上複雜度也越來越高。ex: 兩個子元件互相傳遞...
蘇
‧
2021-09-17
Instance Lifecycle 生命週期 介紹完怎麼建立Vue instance 後，接著來談論它的生命週期吧。一個 Vue 實體跟我們人類一樣有生老病死...
終於來到 Vue2.x 介紹的尾聲了，藉由完成今天自己的旅遊小幫手範例一起收尾吧，GO~ 加入 YouBike 的訊息進去 1. 根據選擇地區篩選 YouBik...
前言 在 Nuxt 3 我們可以使用 useHead 來設定 Meta Tag，你可以完全的掌握與控制 Meta 標籤的撰寫，不過為了應付各個平台或眾多的自訂標...
👆建議你可以使用影片子母畫面功能或全螢幕播放來獲得最佳的觀賞體驗，👇下方是本篇教學的相關筆記。 安裝 Pinia 與 Nuxt Pinia 模組 在專案中安...
前言 Nuxt 3 的渲染模式，可以支援我們產生靜態的頁面，而這些預渲染的靜態網頁檔案，就很適合部署至靜態的託管平台來服務，例如 Cloudflare Page...
前言 Nuxt 3 的網站應用程式，可以根據實際業務需求來決定渲染的模式，而最終專案所建構打包的專案程式碼，也會因為模式的選擇而需要部署在不同的執行環境上，例如...
前言 Nuxt 3 整合 Vue I18n v9.x 多國語系的模組 Nuxt I18n，已經在 RC 階段準備釋出正式版，在使用上也穩定不少，這篇文章將介紹一...
這一篇來把上一篇範例訂單項目的名稱改為下拉選單的項目 下拉選單要使用套件 jQuery UI Selectmenu Case01 ViewModel 把...
Nuxt 3 版本的升級 目前 Nuxt 3 仍積極的在修正錯誤與添加新功能，版本更新的速度也不慢，相較去年底，目前正式版釋出後已經穩定許多，與其他大型的開源框...
前言 Nuxt 3 內建基於檔案的路由可以快速實現頁面的路由配置，我們只需要在 pages 目錄下建立頁面，Nuxt 將會自動載入 Vue Router 來實現...
最後一篇文，擠出了一些覺得在開發上容易踩的雷以及要注意的事情 要使用、渲染的變數除了傳遞進入元件的，都需定義於data HTML中不需使用 this...
蘇
‧
2021-09-30
練習將所學內容進行紀錄六角學院的Vue課程中的內容 let跟const let的範圍是區塊跟var主要的差異在於，基本上他的作用域只在所屬的{}的範圍內而已，v...
最會偽裝的就是變數，變來變去常讓人分不清是變到哪裡去了...根本是忍者！ 這幾天寫的都是與元件相關，元件的重要有一部分是因為它可以為我們省不少力，以前接觸...
Vue：還記得第10天時，我們才剛認識Vue CLI，但你還記得我的介面嗎? 接著，我們試試看這個指令： npm run build 如此，產生的資料即打包嚕...
完賽心得啦啦啦 哇嗚，今天就是鐵人賽最後一天了，30天其實過的蠻快的(但如果要再多做個30天想必我也是無法喇)，雖然是鐵人30天，但要花的時間絕對是不只30天!...
charlieda
阿蘇蘇
Peter Lu
ㄆㄩ
水無痕
貓貓工程師 Ting Ting
挖洗菜呱
gior__ann
Jin Lin
EdwardXiong
Ryan
tsuifei
iThome鐵人賽
看影片追技術