模組的命名 一個模組的命名關係到我們是否能快速地知道這個模組的功能是甚麼，同時可以避免跟現有的 HTML 標籤相衝突。 在Vue.js - 风格指南中， com...
前言的前言 嗨，我是安揪拉，住在 Vue 新手村大概一個多月，接下來要一邊寫鐵人賽、一邊接案，希望能成功活下來 QQ，真的好想離開 Vue 3 新手村啊～我蒐集...
嗨各位！ 我們終於度過了昨天那篇漫長的業配文了，很快的我們就要開始進入主餐部分。 雖然你們已經把刀叉拿好了，但是在上主餐之前，必須提醒一下剛吃完前菜的你們：...
本文同步發表於Andy's Blog 前言 昨天我們將computed、methods()、watch，三個屬性做了一個簡單比較。而今天我們將要介紹另外一個...
Vue.js 中可以使用 v-on 監聽 DOM 事件，當事件觸發時可以叫用設定的函數或是 JavaScript 陳述式做相關的處理。 使用 JavaScrip...
Mutations 提交 mutations 是改變 Vuex 中 store 的唯一方式。 mutations 非常類似於組件中的事件（event），每個 m...
Vue 提供了監聽器，當資料變化時叫用函數，函數會有兩個傳入參數: 改變前的值、改變後的值，可以使用這個函數做跟此資料變化有關的處理。 介紹 監聽器在 Vue....
問題回答 computed 有 getter（取值） 和 setter （寫入值）可使用，但預設只會有 getter 使用，因此 computed 預設是唯讀，...
HTTP Request 一直以來都是一個很大的課題，他也牽扯到了API的概念，所以這篇基本上我們就要好好聊聊API是甚麼? Vue 要怎麼用到HTTP re...
這篇介紹靜態頁面部署方式讀者可用電商登入頁案例試試 Nuxt 命令介紹過運行模式差異，透過命令 $ yarn generate /* npm run gene...
今天就來徹底分析Quasar的設定檔quasar.conf.js 為了方便瀏覽，我們把它拆成各個區塊來講講 不多說就直接開始吧 plugins: [...
🔥【Vue.js → Nuxt 入門推薦！🌟 新書即將上市 🌟】📘《想要 SSR 嗎？就使用 Nuxt 吧！Nuxt 讓 Vue.js 更好處理 SEO 搜...
前面介紹到可以使用 $parent 來訪問父組件的實體，這樣的方式限制了存取的實體一定要與被引用的組件是直接的關係，這樣的存取方式會使組件間變得有強大的耦合，限...
這篇主題講「Nuxt 如何用 asyncData 動態產生頁面內容」 用來補充頁面細部設定 asyncData 在執行順序中，排在頁面渲染(render)前，回...
本篇文章同時刊載於Andy's Blog 前言 上一篇文章中我們介紹了Vue的生命週期，了解Vue背後是如何把資料渲染到畫面上，也知道如何在不同life h...
部落格同步刊登 [IT 鐵人賽] VueJS 快速入門 Day 1 VueJS 算是最近比較熱門的項目之一，官方文件也相對齊全。我們這裡要看的目前還是以 V...
這篇主題講「Nuxt 如何用 fetch 動態產生頁面內容」 用來補充頁面細部設定 複習一下 Nuxt 收到請求後的處理流程 asyncData 和 fetc...
嗨各位大家好，我是搋兔～！ 相信大家一定都對我很陌生吧！ 先來自我介紹一下，我是兔兔教的兔兔，我在「Tailwind CSS 臺灣」的職位是兔兔，而兔兔們的工...
今天就讓我們直接開始吧～！ 前面幾天我們有執行過部署的指令了 不過我們這邊再複習一下 $ quasar init helloworld $ cd hellow...
遇到問題 在使用 Select 的時候遇到了一個問題是如果我的 Value 想要讓它是 Object 該怎麼做呢？下面的程式碼看起來是可以運作也把 :valu...
Vue-form 表單驗證套件，支援Vue.js2.2以上的版本。 Github fergaldoyle/vue-form 範例 例如表單上有一個必填欄位：...
JB
‧
2018-10-15
在這邊將介紹不同型態的Routing 常用的有這幾種：Basic、Dynamic、Nested 因為Nuxt封裝了路由的生成，所以你不需要額外編寫路由(vue-...
什麼是Vue.js？ 在這個網頁前端開發的工程，Google下的AngularJS與Facebook下的ReactJS，因為將前端的開發系統化，開發上比較方便...
我們平常寫 code 遇到複雜的功能時，總會先找找有沒有人寫過類似的插件，或者要為自己專案擴充一些功能時也可以使用插件，那麼插件該如何寫呢？官網其實也有說明，以...
問題回答 Composition API 是以邏輯功能來分割程式碼，像是寫原生 JavaScript 一樣，我們會把實現同樣功能的程式碼寫在附近。但 Optio...
推薦好用的工具：Vue.js devtools 這篇介紹開始之前，最近發現一個開發vue時還不錯用的chrome插件，想推薦大家使用，這個插件是Vue.js d...
繼上次的 ESLint 後，這次要來介紹的是 StyleLint，那就廢話不多說開始吧！ StyleLint StyleLint 一個檢查 CSS Coding...
每一個 Vue 的應用都是從 Vue 實例(Instance)開始的，在建立實例後，我們可以透過操作實例中的物件來改變頁面的配置，因此在使用 Vue.js 前，...
Watch 雖然在大多數情況下，Computed 更合適，但有時仍需要使用 Watch。 Watch vs Computed 附上 fiddle (https...
Nuxt 頁面元件跟 Vue File 哪裡不同？ Nuxt Routing 自動映射介紹過，/pages 的 Vue File 對應各個頁面。 雖然寫法一樣，...
Celeste
安揪拉
搋兔
chunwen
Peter Chen
Nomi Su
Alysa Chan
ryanyen2
Ralph
RenZhou
Ryan
閃光洽
Syuanhahaha
HunterLiu
iThome鐵人賽
看影片追技術