Vue Instance 每個 Vue 的應用都是通過 new Vue() 來建立 Vue Instance 建立 Vue Instance 下面建立了一個名...
🔥【Vue.js → Nuxt 入門推薦!🌟 新書即將上市 🌟】📘《想要 SSR 嗎?就使用 Nuxt 吧!Nuxt 讓 Vue.js 更好處理 SEO 搜...
目前為止我們使用了 v-bind 及 {{}} 綁定資料至模板上,但這兩個方式都是從 view model 到 view 的單向綁定,而模板上如果有 input...
學習完 Vue 之後,想要透過單元測試守護你的專案,但又不知道從何起手?別擔心,快來訂閱作者最新系列文 《小白也能輕鬆瞭解的 Vue3 單元測試!》讓你的 V...
vuejs-paginate 製作分頁的套件,支援Vue.js 2.0以上的版本 Github lokyoung/vuejs-paginate 範例 底下是...
本文同步發表於Andy's Blog 前言 昨天介紹了元件與元件之間的溝通方式:props in,emit out,而我們今天要針對Props操作上細部介紹...
tags: Vuejs v-model ✐ v-model 作用於表單元件上時,是 雙向數據綁定 的語法糖: <input v-model="n...
🔥【Vue.js → Nuxt 入門推薦!🌟 新書即將上市 🌟】📘《想要 SSR 嗎?就使用 Nuxt 吧!Nuxt 讓 Vue.js 更好處理 SEO 搜...
前言 大家好,我是 Ryan,這篇文章是我參與 iThome 2022 鐵人賽時與大家分享使用 Nuxt 3 串接 Google OAuth 登入的額外分享,因...
昨天我們做了一個登入頁面,可是使用者還是可以任意轉跳到其他頁面,今天我們要讓其它頁面加上驗證項目,讓登入頁面變成我們的大門。 今天目標: 設定 router...
今天來談談多國語系I18n,能夠讓你輕鬆將網站的內容替換成其他語言。 那為什麼叫做I18n這個奇怪的名字? 其實就是Internationalization的,...
昨天有人問我引用圖片的路徑問題,答案整理成一篇補充雖說是圖片(image)、檔案(file)、樣式(css/scss/sass)、js等靜態資源,Nuxt 依其...
在別人都完成30天鐵人賽的路上,我真的是太難了QQ,我才發現我一個禮拜的產量竟然只有1-2篇,在看文件的時候才發現自己之前練習 Vue 遇到的問題,真的是絕大部...
前言 該系列是為了讓看過Vue官方文件或學過Vue但是卻不知道怎麼下手去重構現在有的網站而去規畫的系列文章,在這邊整理了許多我自己使用Vue重構很多網站的經驗...
大致了解Vue的一些比較重要特色之後,再來我們來看看怎麼建置Vue的環境與專案,要開始進行實作部分了。 建立環境 開始之前,電腦需要有Node.js環境與NPM...
之前只稍微用過 AngularJS,目前公司前端是用 Vue。希望透過這三十天整理筆記,記錄自己的學習過程。 這三十天的內容會以 2.x為主,畢竟還很菜的我沒...
🔥【Vue.js → Nuxt 入門推薦!🌟 新書即將上市 🌟】📘《想要 SSR 嗎?就使用 Nuxt 吧!Nuxt 讓 Vue.js 更好處理 SEO 搜...
🔥【Vue.js → Nuxt 入門推薦!🌟 新書即將上市 🌟】📘《想要 SSR 嗎?就使用 Nuxt 吧!Nuxt 讓 Vue.js 更好處理 SEO 搜...
在 Vue 的 Component 中還有個好用的東西叫做 slot,當開發複雜或巢狀的 component 時,slot 不僅好用更增加了使用上的彈性。 基...
圖片來源 延續昨天的主題 Vuetify 中用到的技術大方向有: vue-router vuex vue-server-renderer webpack e...
vue-fontawesome Font Awesome 5的官方Vue.js Component Github FortAwesome/vue-fonta...
問題回答 Vue 預設是使用 hash 模式,但可選擇使用 history 模式。hash 模式時的 URL 會帶 # 符號,例如 https://exampl...
本文同步刊載於Andy's Blog 前言 昨天我們簡單介紹了Vue的兩種模板語法:分別為插值(Mustache語法)跟指令v-開頭。而今天我們將先介紹V-...
🔥【Vue.js → Nuxt 入門推薦!🌟 新書即將上市 🌟】📘《想要 SSR 嗎?就使用 Nuxt 吧!Nuxt 讓 Vue.js 更好處理 SEO 搜...
嗨啊!大家好!經過昨天耍了一天廢後,今天繼續闖蕩Vue世界吧! 孔子說「溫故而知新」所以在進入正文之前我們先簡單複習一下資料綁定,看能不能因此獲得新的知識XDH...
前言 該系列是為了讓看過Vue官方文件或學過Vue但是卻不知道怎麼下手去重構現在有的網站而去規畫的系列文章,在這邊整理了許多我自己使用Vue重構很多網站的經驗...
問題回答 Vue 3 會為 data 建立一個 Proxy 物件,並在裏面建立 getter 和 setter 來取值和更新值,藉此實現響應式。因此不用直接操作...
部落格同步刊登 [IT 鐵人賽] Router 進階應用 Day 10 聊完了基礎的路由功能後,我們接著來看看關於路由的進階應用方式。你放心,前陣子一直提到...
接續前個文章 API的基本操作 https://ithelp.ithome.com.tw/articles/10232465我們直接來透過實戰練習如何串接API...
安裝 昨天安裝完 今天就直接來佈署環境囉 ~ ! $ quasar init <folder name> 接下來會有介面要來引導你安裝 Proje...