上一篇的範例因為沒有用 CSS 調教過，還不大能見人。本篇將來簡單介紹 Tailwind CSS 這個 Utility-First 的 CSS 框架。 Tai...
props 的命名及使用 HTML attribute 是大小寫不敏感的，所以必須要注意 prop 的命名跟使用。 命名 可以使用 PascalCase (首...
學習完 Vue 之後，想要透過單元測試守護你的專案，但又不知道從何起手？別擔心，快來訂閱作者最新系列文 《小白也能輕鬆瞭解的 Vue3 單元測試！》讓你的 V...
前言 Cookie 在瀏覽網站時多會使用到，不論是用來儲存臨時的資訊或是辨識使用者等，這一個儲存在瀏覽器的一小段文字資料，會在每次發送 HTTP 請求時自動夾帶...
Outline 上集回顧 reactive() 特性與限制 什麼情況會失去響應性 ref() 特性與限制 什麼情況會失去響應性 兩個比一比...
前言 在開發時，為了不重複造輪子，我們可能會在網路上找看看有沒有現成的套件可以做使用，如果這個套件在 Nuxt 3 沒有專用的模組或插件，那麼我們就只能依照套件...
前言 在 Nuxt 3 中提供了兩種可以方式設定環境變數或前端需要使用的共用設定，分別是在 Nuxt 啟動時會在後端載入使用的 Runtime Config 及...
前言 組合式函式 (Composables) 是一種利用 Vue 3 的 Composition API 來封裝和複用有狀態邏輯的函式，在 Nuxt 我們可以將...
前言 上一篇我們介紹了如何在 Nuxt 3 使用 useState 來建立一個元件間的共享狀態，隨著專案的健壯增大，我們就需要一個更好的方式來管理與儲存這些狀態...
前言 昨天介紹完Vue CLI2、3如何建立後，我們今天來認識一下Vue-router怎麼使用吧！ Vue Router簡介 Vue Router就是由前端模...
問題回答 所謂父子元件傳遞資料，就是透過使用 props 和 emits 來完成。而 v-model 只是結合使用 props 和 emits 的語法糖。例如在...
Vue Instance 每個 Vue 的應用都是通過 new Vue() 來建立 Vue Instance 建立 Vue Instance 下面建立了一個名...
終於輪到迴圈了(其實也才剛開始三篇而已XD)！說到迴圈大家一定不陌生，除了最初的起點Hello!world!以外，應該就是九九乘法表了，那當迴圈融入前端框架時，...
昨天我們做了一個登入頁面，可是使用者還是可以任意轉跳到其他頁面，今天我們要讓其它頁面加上驗證項目，讓登入頁面變成我們的大門。 今天目標： 設定 router...
vuejs-paginate 製作分頁的套件，支援Vue.js 2.0以上的版本 Github lokyoung/vuejs-paginate 範例 底下是...
JB
‧
2018-10-17
前幾篇介紹了 Electron 如何操作，既然 Electron 是將網頁包起來，那當然可以使用 Vue.js 來做啊！今天就讓我們一起看看該怎麼實作 Elec...
前言 在建立 Vue 的網站開發過程中，我們可能會自己封裝元件 (Component) 讓程式碼可以被重複使用，也方便開發者維護，這些一個個的元件，可以透過全域...
大致了解Vue的一些比較重要特色之後，再來我們來看看怎麼建置Vue的環境與專案，要開始進行實作部分了。 建立環境 開始之前，電腦需要有Node.js環境與NPM...
前言 當一個網站需要面向不同國家或不同語言的使用者，我們就需要做國際化 (Internationalization)，將網站內容進行翻譯或語言的對應，讓使用者能...
在 Vue 的 Component 中還有個好用的東西叫做 slot，當開發複雜或巢狀的 component 時，slot 不僅好用更增加了使用上的彈性。 基...
i18n 全寫為 internationalization，俗稱的多國語系也常被稱之為本地化 (Localization)。 隨著現在網路的發達和資訊的流通...
前言 Vue 3 父子元件間資料傳遞與讀寫或是跨元件間的狀態共享，可以選擇使用 Props / Emit、Provide / Inject 或 Vuex sto...
問題回答 Vue 是 SPA 框架，而 Nuxt 是 Vue 生態系裏的一個能同時實現 SPA 和 SSR 的框架。SPA 的主要技術是不用重刷頁面來更新頁面內...
目前為止我們使用了 v-bind 及 {{}} 綁定資料至模板上，但這兩個方式都是從 view model 到 view 的單向綁定，而模板上如果有 input...
在別人都完成30天鐵人賽的路上，我真的是太難了QQ，我才發現我一個禮拜的產量竟然只有1-2篇，在看文件的時候才發現自己之前練習 Vue 遇到的問題，真的是絕大部...
v-model 前面講到v-bind是單向綁定，而今天就要來講雙向綁定的v-model(Two-way Binding) v-model常用於表單及元素來做雙向...
vue-fontawesome Font Awesome 5的官方Vue.js Component Github FortAwesome/vue-fonta...
JB
‧
2018-11-11
部落格同步刊登 [IT 鐵人賽] Router 進階應用 Day 10 聊完了基礎的路由功能後，我們接著來看看關於路由的進階應用方式。你放心，前陣子一直提到...
本文同步發表於Andy's Blog 前言 昨天介紹了元件與元件之間的溝通方式：props in,emit out，而我們今天要針對Props操作上細部介紹...
昨天有人問我引用圖片的路徑問題，答案整理成一篇補充雖說是圖片(image)、檔案(file)、樣式(css/scss/sass)、js等靜態資源，Nuxt 依其...
Lucas Yang
Celeste
ShawnL
Ryan
安揪拉
chunwen
Alysa Chan
HunterLiu
Jacky
Syuanhahaha
Mia Yang
Peter Chen
Peter Lu
閃光洽
Ralph
iThome鐵人賽
看影片追技術