這一篇單純的介紹幾個，重要又常被忽略的 Vue API 在 component 裡又再包一個 component 最麻煩的就是將外部的 props 接到內部...
Case01 View 內容如下： 內容跟 Day09 / Day12 差不多，主要是 js 多了 ajax 的處理 ! <div id="...
前言 該系列是為了讓看過Vue官方文件或學過Vue但是卻不知道怎麼下手去重構現在有的網站而去規畫的系列文章，在這邊整理了許多我自己使用Vue重構很多網站的經驗...
在本地化 (localize) 文字訊息時，我們可能會遇到需要特別處理 HTML tag的情況，什麼意思呢？我們來看一下上圖紅框中的句子的 HTML 結構。...
「閃電 + 疾風的組合嗎？ 不錯不錯！」 既然我們之前都說了要用 Vue + Tailwind 來製作元件，那建立一個專案把這兩個東西安裝在一起總是必要的吧？...
State 定義狀態 store.js state: { // 待辦事項 todoList: ["待辦事項A", "...
蘇
‧
2021-09-19
當我們有區分，在某種條件下看到的會是 A 畫面，某一些條件下看到的會是 B 畫面...的情形，例如每個會員權限不同所可以使用的功能不同就是一個簡單的例子，這時就...
問題回答 雙向綁定（two-way data bindings）是指把畫面上的 DOM 與資料透過 Vue 實體來綁定。當其中一方有更動時，另一方都會隨即更新。...
Case01 View： 內容跟 Day08 / Day11 差不多，主要是 js 多了 ajax 的處理 ! OrderDate 欄位的部份，我選擇在...
繼上篇觀察整個專案資料夾結構之後，接著來觀察子層 components 資料夾裡的 HelloWorld.vue 和父層 views 資料夾裡的 Home.vu...
在寫 Vue.js 或 React 的過程，一定都會聽過這個名詞。並不是所有的 component 都必須 pure ，不是這樣的，是有時候會需要 pure 有...
在本地化 (localize) 文字訊息時，我們可能會遇到某些語言會有複數型態的狀況 (最常見的就是英文)，雖然我們可以透過個別定義 key value 的方式...
前言 該系列是為了讓看過Vue官方文件或學過Vue但是卻不知道怎麼下手去重構現在有的網站而去規畫的系列文章，在這邊整理了許多我自己使用Vue重構很多網站的經驗...
Vuex 狀態管理 前面提到了Event Bus可以做到全域的事件監聽管理，但當系統逐漸擴張，這些狀態也越來越繁雜，這時後即可透過vuex(store，可視為一...
蘇
‧
2021-09-18
嗨各位，Tailwind 篇結束了，不知道會不會有人敲碗更多呢？ 還想知道更多的話也沒有問題～不過今天要進入全新的篇章！ 要說為什麼的話 ... 因為要想讓...
Hi，안녕하세요，我是Charlie！在Day03當中，我們完成了登入、註冊跟訂單頁面，而今天，我們要把訂單詳情、商品詳情跟個人資料做完。 ==========...
問題回答 元件裏的 data 必須是函式是為了確保元件裏的資料不會被別的元件資料所污染。如果 data 是物件，因為 JavaScript 的物件是傳址，一旦有...
甚麼是計算屬性? 甚麼時候用計算屬性? 接下來帶大家來看看，也會搭配一些例子~ 甚麼是計算屬性? computed 是 Vue 提供的 計算屬性，它可以幫我們運...
建好專案之後，來看看專案裡已經幫你準備好哪些檔案吧！先大致認識每個資料夾如何分門別類的規則，日後自己在歸檔時也會相對有概念，更方便管理檔案、組織架構。 根目錄層...
先說明一下 我用輕前端 Vue 的目的，不是把整個網站都改用輕前端，而是為了把複雜的 js 取值、給值的邏輯交由 Vue Model Binding 的機制處理...
functional programming (後面簡稱 FP，不是 FB) 這兩個特性，很重要，我們就依這兩個特性，將 pure function 的定義，...
前言 該系列是為了讓看過Vue官方文件或學過Vue但是卻不知道怎麼下手去重構現在有的網站而去規畫的系列文章，在這邊整理了許多我自己使用Vue重構很多網站的經驗...
紅框中的句子 Welcome to Your Vue.js App 如果我們想要將其中的 Vue.js 變成隨時可以替換時該怎麼辦？ 上一篇我們介紹的基礎用法...
Event Bus 前面提到了父子元件透過emit & prop進行參數傳遞，當樹狀結構逐漸複雜時，在傳遞上複雜度也越來越高。ex: 兩個子元件互相傳遞...
蘇
‧
2021-09-17
JIT、JIT 的叫了這麼多天，終於就是今天了！今天就是要來講解 JIT 模式哦～～ JIT 模式真的快非常非常多，快到你覺得你前面幾天根本在浪費人生 XD...
問題回答 scoped 屬性的作用是避免父元件的 CSS 樣式會污染到子元件的 CSS 樣式。Deep selector 的作用是相反，即使在父元件設定了 sc...
每個人的學習方法各有差異。這只是我的選擇。 Why v-model 在 S3E5 | Vue.js作者尤雨溪: 框架设计就是不断地舍取 上，游雨溪有提到在製...
v-model 修飾符 Vue 裡面為 v-model 提供了一些可以用的修飾符，主要是可以幫我們限制一些使用者輸入的行為以下透過範例講解每個修飾符幫我們做了甚...
Hi，こんにちは，我是Charlie！在Day02當中，我們開始了新專案，並且刻出了首頁。今天，我們將持續的刻畫頁面，做出登入、註冊、訂單頁面。 =======...
i18n 全寫為 internationalization，俗稱的多國語系也常被稱之為本地化 (Localization)。 隨著現在網路的發達和資訊的流通...
Chris
水無痕
Mike
Mia Yang
搋兔
gior__ann
Alysa Chan
Teen
charlieda
iThome鐵人賽
看影片追技術