tags: Vuejs v-model ✐ v-model 作用於表單元件上時，是 雙向數據綁定 的語法糖： <input v-model="n...
學習完 Vue 之後，想要透過單元測試守護你的專案，但又不知道從何起手？別擔心，快來訂閱作者最新系列文 《小白也能輕鬆瞭解的 Vue3 單元測試！》讓你的 V...
問題回答 <keep-alive> 的作用是緩存一個元件的資料狀態，即使它被切換掉，不再呈現在畫面上時，它的資料狀態依然會把存起來，並不會像一般元件...
本文同步刊載於Andy's Blog 前言 昨天我們簡單介紹了Vue的兩種模板語法：分別為插值（Mustache語法）跟指令v-開頭。而今天我們將先介紹V-...
前言 在 Vue 的專案內我們的頁面通常由 Vue Router 來控制路由及導航，Vue Router 提供了導航守衛 (Navigation Guards)...
之前只稍微用過 AngularJS，目前公司前端是用 Vue。希望透過這三十天整理筆記，記錄自己的學習過程。 這三十天的內容會以 2.x為主，畢竟還很菜的我沒...
Mutations 提交 mutations 是改變 Vuex 中 store 的唯一方式。 mutations 非常類似於組件中的事件（event），每個 m...
今天來談談多國語系I18n，能夠讓你輕鬆將網站的內容替換成其他語言。 那為什麼叫做I18n這個奇怪的名字？ 其實就是Internationalization的，...
嗨啊！大家好！經過昨天耍了一天廢後，今天繼續闖蕩Vue世界吧！ 孔子說「溫故而知新」所以在進入正文之前我們先簡單複習一下資料綁定，看能不能因此獲得新的知識XDH...
安裝 昨天安裝完 今天就直接來佈署環境囉 ~ ！ $ quasar init <folder name> 接下來會有介面要來引導你安裝 Proje...
圖片來源 延續昨天的主題 Vuetify 中用到的技術大方向有： vue-router vuex vue-server-renderer webpack e...
Vue 提供了監聽器，當資料變化時叫用函數，函數會有兩個傳入參數: 改變前的值、改變後的值，可以使用這個函數做跟此資料變化有關的處理。 介紹 監聽器在 Vue....
今天就來徹底分析Quasar的設定檔quasar.conf.js 為了方便瀏覽，我們把它拆成各個區塊來講講 不多說就直接開始吧 plugins: [...
在這邊將介紹不同型態的Routing 常用的有這幾種：Basic、Dynamic、Nested 因為Nuxt封裝了路由的生成，所以你不需要額外編寫路由(vue-...
本文同步發表於Andy's Blog 前言 昨天我們將computed、methods()、watch，三個屬性做了一個簡單比較。而今天我們將要介紹另外一個...
前言 大家經過Nuxt 3 學習筆記這一系列文章，應該對於 Nuxt 3 有初步的理解，接下來我們將進入實戰部分，我將會以 Nuxt 3 來實作部落格網站，讓已...
前面介紹到可以使用 $parent 來訪問父組件的實體，這樣的方式限制了存取的實體一定要與被引用的組件是直接的關係，這樣的存取方式會使組件間變得有強大的耦合，限...
什麼是Vue.js？ 在這個網頁前端開發的工程，Google下的AngularJS與Facebook下的ReactJS，因為將前端的開發系統化，開發上比較方便...
昨天我們提到了Firebase 的Authentication~ 今天就會純coding，帶大家走過一遍完整的登入到登出流程! 前言 今天會比較多codin...
前言 跟隨著本系列學習 Nuxt 3 的夥伴們，應該對 Nuxt 3 有一點熟悉了，接下來會分享如何建立一個簡易的部落格網站，再結合 Nuxt 3 提供可以針對...
模組的命名 一個模組的命名關係到我們是否能快速地知道這個模組的功能是甚麼，同時可以避免跟現有的 HTML 標籤相衝突。 在Vue.js - 风格指南中， com...
Watch 雖然在大多數情況下，Computed 更合適，但有時仍需要使用 Watch。 Watch vs Computed 附上 fiddle (https...
這篇介紹靜態頁面部署方式讀者可用電商登入頁案例試試 Nuxt 命令介紹過運行模式差異，透過命令 $ yarn generate /* npm run gene...
前言 在 Day 21: 來發 API 吧！Async Composition API setup() 中，是在元件準備渲染時，才在 setup 內發 API...
工作內容：1.將現有前端程式以 Vue.js 改寫2.維護產品前端介面，效能優化3.團隊溝通協調(與設計師及後端工程師等) 需求條件：1.熟VueJS 及 Vu...
Vue-form 表單驗證套件，支援Vue.js2.2以上的版本。 Github fergaldoyle/vue-form 範例 例如表單上有一個必填欄位：...
JB
‧
2018-10-15
今天找方法解昨天的bug，但目前狀態還是無法解決中。 回顧一下昨天的bug 昨天的bug是這樣的，我昨天的目標本來是要寫每個頁面的共用元件(navbar)，所以...
每一個 Vue 的應用都是從 Vue 實例(Instance)開始的，在建立實例後，我們可以透過操作實例中的物件來改變頁面的配置，因此在使用 Vue.js 前，...
遇到問題 在使用 Select 的時候遇到了一個問題是如果我的 Value 想要讓它是 Object 該怎麼做呢？下面的程式碼看起來是可以運作也把 :valu...
前言 在使用 Nuxt 開發過程中，我們可以透過配置模組 (Modules) 或插件 (Plugin)來進行擴充，在[[Day 11] Nuxt 3 插件 (P...
RURU Tseng
ShawnL
Alysa Chan
chunwen
Ryan
HunterLiu
Nomi Su
RenZhou
Peter Chen
Syuanhahaha
ryanyen2
Celeste
Ralph
安揪拉
iThome鐵人賽
看影片追技術