接下來幾篇都屬頁面客製，這篇講「Nuxt 發生錯誤時，他怎麼判斷與反應」 先回顧這張流程圖 Nuxt 收到請求時，會經過這麼多步驟 而碰到不可預期的錯誤或頁面...
Nuxt 頁面元件跟 Vue File 哪裡不同？ Nuxt Routing 自動映射介紹過，/pages 的 Vue File 對應各個頁面。 雖然寫法一樣，...
技術架構 以下簡單列一下這個專案的技術架構規劃，也有可能會再調整，一開始會先以前端為主，後期有需要會加上後端系統。 前端 Vue CLI 3 Ele...
部落格同步刊登 [IT 鐵人賽] Vue 從前端到後端 Day 0 上次參加好像是 2014 年，然後我寫到第二篇就超過時間，索性直接放棄（欸）。不過，由於...
本篇介紹Bootstrap5 UI的Modal(彈出互動視窗)呼叫方式 起手式 <link href="https://cdn.jsde...
每次寫筆記都在想要怎麼寫得讓大家(包含未來的我)看得懂，所以每次都要寫很久，但好像自己的內容有點太無聊了 XD 。 自定義事件( Custom Events )...
這篇是頁面客製段落其二，主題講「Nuxt 頁面讀取效果如何調整」 用來補充頁面細部設定 讓我們回想錯誤頁面，是用來「呈現錯誤狀態的頁面元件」 而頁面渲染前，N...
嗨！大家好！最近都維持著兩三天就一篇文章的頻率，說實在有點累人XD，不過年底就要到了很多事情都還沒有一個著落，突然覺得有點著急，才想說加緊個腳步 昨天我們說了c...
Vue：我們透過組件，來模塊化我們的功能。我知道你很好奇，到底如何從根模塊，傳值給組件，使組件可以渲染資料於table中，對吧？如果，仔細觀察昨天的程式碼，你會...
今天我們將練習 vue-router 兩種進階顯示方式，多重顯示與巢狀路由，這樣的設計會讓我們的系統，搭配 router path 顯得語意化且更具結構性。 今...
前言 使用 Vuex 時我們一定會想到説可以應用在帳號登入，紀錄一些使用者的資訊，這邊我們來試著做一個帳號登入的功能。 Login Page 首先建立一個登入...
將連結改成router-link 若增加tag標籤為button，屬性則變為按鈕 <li> <router-link :to="...
超緊繃!30天Vue.js學習日記 親愛的,我讓Mobile Web變成了PWA 大家好,我是IAN。 接續著昨天的主題製作簡易的天氣預報頁面,過於無聊的我今天...
Linux認證 據IDC 日前表示，Linux使用人口正急速增加中，到公元 2004 年光是在美國，這塊市場就成長到3億1千1百萬美金。因此，可想而知當前Lin...
本文同步刊載於Andy's Blog 前言 這兩天介紹完Vue第一種元件之間的溝通方式，props in ,emit out，並且針對props使用上也做了...
嗨！讓我抓住禮拜天的尾巴，繼續研究Vue.js吧XD，之後就要分心處理React了，那廢話不多說，分隔線下進入正文！ 對父級做事件處理 首先提一下關於組件的事...
本文同步發表於Andy's Blog 前言 昨天介紹完event bus，那我們今天來了解如何用is動態切換元件 is動態切換元件介紹 用途：最常使用在頁籤...
使用filter過濾器 const app = new Vue({ el: "#app", data: { friends:...
首先在src資料夾裡，建立styles資料夾，並新增style.sass 開啟main.js，加入require('./styles/style.sass')...
[TOC] 在线示例：https://yujinpan.github.io/el-table-infinite-scroll/ 实现原理：https://g...
版本: Vue.js v2.6.10使用方式: <html> <head> <script src="https:/...
tags: Vuejs computed 與 method 的混淆 在模板中要對資料計算或是轉換時，computed 與 method 往往能替我們做到同樣的事...
嗨啊！今天台南終於放晴了，那麼好的天氣，就輕鬆打個文章吧XD，內容來說說如何使用Vue.js來操作class屬性。 class 不就用v-bind綁定clas...
合併使用 我們在實際開發時， computed 內容並不會像前兩章的範例那樣簡單，有時我們需要將本地組件的 computed 或是 mapState 與 map...
前陣子和朋友在書局逛街的時候，他問了一句話：「欸！你都是怎麼重頭學習一個新技術的啊？」在記憶裡，我是這樣回答的：「很簡單啊，做就對了！」 沒錯！ 就是這樣子...
何謂Vue? 我們可以把它視為一個漸進式框架或是函式庫。而什麼是漸進式框架呢？ 漸進式框架 白話文：就是你想要用哪部分都可以自行決定。有點像是你買一個可拆式工具...
說了那麼多，感覺還是有點模糊~ 沒關係，我可能也差不多 ( 哈哈 所以還是透過實作練習，讓自己更了解，看見那更明朗的天空吧 目標 : 透過串接 API 接收取到...
前言 該系列是為了讓看過Vue官方文件或學過Vue但是卻不知道怎麼下手去重構現在有的網站而去規畫的系列文章，在這邊整理了許多我自己使用Vue重構很多網站的經驗...
Livewire 是 Laravel 的全端框架，能建立像 Vue 一樣的動態頁面的同時又能保有 Laravel 原有的特性。除此之外在 SEO 方面仍跟原本...
前言 其實一直很猶豫要不要寫這篇，因為 UI Framework 最終還是要從官方文件去看使用方式。但又想起當初，自己一開始使用 Quasar 的時候，進入官網...
Ralph
ckchuang
閃光洽
切版姐姐
Celeste
EdwardXiong
Jasper
Nomi Su
EN
chunwen
RURU Tseng
gior__ann
Mike
RenZhou
安揪拉
iThome鐵人賽
看影片追技術