專案整體架構 當我們使用webpack樣板初始化一個完整的vue專案，該專案資料夾內基本架構如下圖： static資料夾內存放的是“真正的”靜態資源，他們不...
v-bind 可以綁定各種不同的屬性，其中 Class 及 Style 的綁定較為特別，它們可以利用陣列或是物件綁定對應的 Class/Style 字串，現在讓...
問題回答 teleport 是 Vue 3 新增功能。teleport 就像是多啦A夢的「隨意門」一樣，只要設定了 teleport，就能夠把 DOM 內容隨意...
學習完 Vue 之後，想要透過單元測試守護你的專案，但又不知道從何起手？別擔心，快來訂閱作者最新系列文 《小白也能輕鬆瞭解的 Vue3 單元測試！》讓你的 V...
前言 接下來幾天會以「在 Vue 3 Composition API 處理非同步（ 發 API ）」為主軸，從新手的角度出發，告訴大家可以在哪些地方、時機發 A...
連續寫了 Vue Instance, Lifecycle Hook, Virtual DOM 有點快要腦中風，今天就先回到寫幾個基礎範例喘息一下。至於執行結果...
學習完 Vue 之後，想要透過單元測試守護你的專案，但又不知道從何起手？別擔心，快來訂閱作者最新系列文 《小白也能輕鬆瞭解的 Vue3 單元測試！》讓你的 V...
這次將介紹v-for,v-if,v-bind的用法 這次使用這筆資料來當作練習 fruits=[ { "fruit"...
方威
‧
2017-12-22
大綱 頁面 引入 元件 使用 Props 父傳子 Props 應用 (傳入參數的差異 v-bind使用與否) Props 傳址問題 (data初始化、comp...
本文同步發表於斜槓女紙部落格：Day23 萬丈高樓平地起(6)：What is Vue CLI？ 嗨~又是我!挑戰到這兒也快到尾聲，不過到現在還沒作出個可...
上一篇文章我們簡單介紹了Vue的幾個重要特性（漸進式框架、MVVM、元件、載入方式）。若不清楚的話，可以點擊上篇觀看Day2 - Vue 基本介紹（漸進式框架、...
本篇演示項目 Toolbar ToolbarTitle Button 這幾天都在想要演示什麼主題會比較好 想一想最近突然好想要出去玩 那就乾脆來做旅遊網站好...
vue-markdown 將Mardown語法轉成HTML的套件。 Github miaolz123/vue-markdown 範例 使用上相當簡單，只需加...
JB
‧
2018-10-23
問題回答 所謂跨元件，即是兩個元件並無父子關係，並沒有被對方包著。如果要互相傳遞資料，可以使用 mitt（在 Vue 2 是 event bus）、Vuex 或...
久久寫一次檔案上傳都要再去爬文?，乾脆自己筆記起來！！ 一、Vue 前端 １. 隱藏Input的按鈕 HTML內建的上傳Input很醜，所以我都把它隱藏起來，要...
學習完 Vue 之後，想要透過單元測試守護你的專案，但又不知道從何起手？別擔心，快來訂閱作者最新系列文 《小白也能輕鬆瞭解的 Vue3 單元測試！》讓你的 V...
今天就來做我們的首頁吧 ～！！ ?? 其他兩家的首頁 基本上都是圖片輪播的形式 加上一個輸入匡來搜尋目的地 那我們今天就來做這個輪播功能吧 建立新的首頁 由於...
前言 接下來幾篇文章以「在 Vue 3 Composition API 處理非同步（ 發 API ）」為主軸，會從新手的角度出發，告訴大家可以在哪些地方、時機發...
經過連續五天的實作練習，相信大家應該對於製作 Highcharts 圖表暸若指掌了，不過現在使用前端框架已是網頁開發的主流，Highcharts 是否有因應的方...
前言 該系列是為了讓看過Vue官方文件或學過Vue但是卻不知道怎麼下手去重構現在有的網站而去規畫的系列文章，在這邊整理了許多我自己使用Vue重構很多網站的經驗...
前言 該系列是為了讓看過Vue官方文件或學過Vue但是卻不知道怎麼下手去重構現在有的網站而去規畫的系列文章，在這邊整理了許多我自己使用Vue重構很多網站的經驗...
Outline 主要分成四個部份 安裝 Sass 預處理器，在 SFC 檔使用 SCSS 撰寫 style 區域引入 SCSS 樣式或變數 全域引入 SCSS...
實例 Component Dropdown 許多細節都沒有完成，但時間緊迫，還是寫個大概就好。先附上程式碼，內容代補。 HTML: <div id=&q...
在大致了解以webpack樣板建置的專案架構後，我們接下來來了解整個app運作流程。 當我們下npm run dev這個指令後，啟動http server，這個...
本文同步發表於Andy's Blog 前言 昨天介紹完Computed屬性後，我們今天要來介紹Watch。 Watch 用途：主要是用來監聽實體內特定的變數...
前言 在前面幾天的時候，因為還是想要直接能串資料庫，所以將主題切出去學習一下 Firestore，今天就要來將 Firestore 導入 Vue 專案了，一邊...
今天會開始一個專案~ 但在開啟之前希望各位都有讀過之前的文章，至少了解一下這個專案的架構還有環境的建置! 前言 這邊先列舉幾個比較重要的東西要先下載~ n...
props 最簡單的宣告方式就是使用陣列宣告，但 props 其實可以用物件宣告，而物件中可以定義此屬性的類型、驗證器等等，本文將介紹如何在屬性宣告中加入各式的...
第一次使用 Cordova + Vue 開發 APP，順便將安裝開發環境的步驟紀錄下來。 安裝 Vue Cli Cordova JDK (Andro...
問題回答 導航守衛（Navigation Guard）可以在 3 個地方使用，包括全域、元件和路由。所謂導航守衛就是在訪問頁面之前，會像一個守衛攔截並執行你所設...
Syuanhahaha
Peter Chen
Alysa Chan
ShawnL
安揪拉
HunterLiu
鍾小呆
chunwen
RenZhou
MaxLeeBK
Mike
ckchuang
ryanyen2
iThome鐵人賽
看影片追技術