其實這次標題有點騙人，因為對小弟來說也不算第一次接觸了，但也只是前幾天讀過官方文件的等級而已，所以如果有些地方解釋的不對，還請各位大大留言告訴我了，在此小弟感激...
前言 寫文是為了將最近用 Vue.js + Nuxt.js 的使用細節整理，供日後參考。順序也許跟官網不太一樣，請多多包涵。 官方範例其實已涵蓋的大量情境，若是...
本文同步發表於Andy's Blog 前言 昨天認識了Component特性後，我們今天要來介紹Component之間如何傳遞資料 元件溝通方式 元件與元件...
HI！記得我們在第一篇的時候有提過如何將Vue.js的資料綁定到View上面嗎？如果忘記的話可以看一下以下最簡單的範例：HTML <input id=&q...
HI！大家好啊！緊接著computed之後，今天再來學習新的Vue.js的屬性watch吧！ watch 這是什麼？ 如果我們要在一個表單上的值發生改變的時候...
上一篇，在不知道 Nuxt 是什麼的情況下，使用create-nuxt-app建立了一個 Nuxt 應用。 今年 9/21 在倫敦舉辦的 Vue Confere...
~在你讀這系列文章前先看這幾行字~ 2021/12補充由於 Quasar 進步非常之快現今最新版本為 2.3.3 與本篇教學版本 0.1.7 相差甚遠其中有蠻...
前言 淺談 CSR、SSR 與 SSG的文中有提到，採用 SSR + SPA，將第一個畫面透過 SSR 產生，其他就交給 CSR 來做處理，既能兼具 SEO 還...
Agular: 我爸 Google 啦~React: 我爸 Facebook 啦~Vue: 我爸.... 前言 各位今天我廢話少一點直接上表格~ A...
關於 Universal Rendering 前一篇提到，原本前後端的 View 各自分開隨著前端漸漸吃重，為了讓畫面邏輯不需要分散各處，有人提出新的架構 -...
這篇寫常用情境 產生新 Nuxt 專案 Vue.js SPA 寫一半，得追加 SSR 產生完整 Nuxt 專案 入門寫 Vue.js，新專案用 Vue-cl...
Actions Actions 類似於 mutations，但仍然有些不同： Action 提交（commit）的是 mutations ，而不是直接變更 s...
本來打算介紹 Nuxt 版面依功能劃分、由哪些區塊組成。 想到六角學院才比完《甜點電商PK賽》，現成切好的版面很好找，參賽選手也不少，拿來說明與練習再適合不過。...
本文同步發表於Andy's Blog 前言 昨天介紹完this.$parent、this.$child方法後，突然想到沒有介紹到.sync這個語法糖。OK，...
部落格同步刊登 [IT 鐵人賽] Component 基本入門 Day 2 現今算是 Web Component 當道，如果撇除 HTML5 原生的元件，那麼其...
什麼叫做 SSR? Server-Side Rendering，頁面由後端渲染，HTML由後端產生 傳統做法整頁HTML不就完全由後端產生嗎？ 使用後端...
前言 在我們使用完 Nuxt CLI 建立完專案後，其實就可以開始進行專案的開發，但是呢，相信不少人對於程式碼的排版都有自己的風格，不同人的 Coding St...
vue的基本介紹與語法前三天已經介紹完了，基本過程是先載入vue.js，然後在html裡面寫templete，在js裡面宣告vue物件綁定至dom並寫入data...
前一章我們新增 /pages/product.vue編輯即可在 http://localhost:3000/product 預覽頁面。 pages/ --| p...
今天換來做 VUE先前已經將ROUTER & MATERIAL套用進來，這一次想實作封裝HTTP的功能，如 VUE官方推薦，我們要用axios。簡單將幾...
今天主題提到2022三大前端開發框架使用量排行誰勝出？先來張在Stack Overflow自 2008 年成立以來，基於標籤使用情況的技術隨時間推移的趨勢，就可...
前言 隨著整個專案的開發，目錄與元件勢必也會越來越多，如同 Vue 3 的專案可能會有專門放置元件目錄 components 等，在 Vue 3 我們可能不太需...
前言 身為前端工程師開發網頁，程式碼編輯器肯定必不可少，在這個系列將會使用 VS Code 進行開發，不過呢，也並沒有說一定非得使用 VS Code，所以說不論...
前言 為了後續範例程式在頁面呈現上能有比較好看的樣式，原先有想過使用 UI 框架或純寫 CSS，但是總覺得好像不夠潮，所以呢，我決定帶入近年滿熱門的 CSS 框...
1.安裝編譯器 VScode 安裝 官方下載 VScode 插件安裝 Chinese (Traditional) Language Pack f...
前言 昨天介紹完V-for，我們應該對於常見V-for用法有更深入的認識。如：顯示過濾資料，也介紹了使用V-for上需要注意地方，如：不要把V-for跟V-if...
HI！其實第一篇已經簡單介紹過事件綁定了，但是我看他官方文件上面好像還有很多可以講，就在這裡把他獨立出來了XD 再講新的之前先複習一下之前學過的綁定方式：HT...
首先架構Vue環境 # 最新稳定版 npm install vue # 全局安装 vue-cli npm install --global vue-cli #...
props 的命名及使用 HTML attribute 是大小寫不敏感的，所以必須要注意 prop 的命名跟使用。 命名 可以使用 PascalCase (首...
剛開始學 Vue，最困擾的就是該怎麼建立開發的環境。 誰適合看這篇： 不知道怎麼建立 Vue 專案 按照官網用 npm init vue@latest 建立了...
Ralph
chunwen
HunterLiu
RenZhou
Ryan
ryanyen2
Nomi Su
閃光洽
DanielChen
aa71435723
cherylcloud
Leo
Celeste
安揪拉
iThome鐵人賽
看影片追技術