vue3 Composition API的文章寫到這邊，歷經了： 基礎介紹篇（v-for、v-on、v-bind...等等） 安裝vue-cli與基礎介紹 認...
前幾篇文章已經介紹過vue的元件化設計的特色，不僅僅是頁面中的小元件，我們甚至可以將整個頁面都做成一個元件，今天來分享的是除了元件能共用之外，連函數也可以共用，...
延續上一篇文章，今天來介紹動態路由，在瀏覽網頁的時候如果大家有注意，許多網頁在瀏覽上都會經由網址上傳遞參數後來決定頁面內顯示的內容，例如： 雖然頁面中顯示的...
在傳統網頁開發中，我們常常會繪製一個類似下方的網頁架構圖，有些接案的朋友還會依照頁面數量跟業主來收取費用，因為過去的網頁開發，通常是一頁一頁製作的，許多重複性的...
之前在「vue.js 3.x 學習手冊 (19) 組件的綜合練習」文章中有提到，如果需要跨文件取用元件的話，需先了解webpack和vue-cli的使用，而前幾...
當我們透過vue-cli來建置專案後，因為預設也會幫我們安裝好webpack打包工具，所以我們可以開始使用scss來撰寫我們的樣式檔，這會讓管理上變得比較方便，...
我們已經在上一篇文章透過vue建立好了專案，也利用VS Code將專案資料夾準備妥當，接下來一樣由淺入深的來介紹一下網頁的開發，回憶一下上次有介紹的專案資料夾結...
建立專案 方法一. 透過終端機建立專案 上一篇文章我們已經介紹完如何安裝vue cli，接下來就要透過他來建立專案，進而體驗使用vue cli的優點，接下來我...
像前面文章中提到vue是一套漸進式的框架，他適合在各種不同的需求中使用，無論你是只想用它來綁定一些表單資料或是使用他Virtual DOM特性，甚至更深入的使用...
Vue3 Composition API的文章寫到了Component的階段，想要來整理一下前面的進度，來製作一個綜合的案例，這個案例的規劃如下： 製作一個F...
上一篇文章我們提到Components可以接收父層傳遞過來的參數進行處理，這次我們首先就來看看子層通知父層的方法。 利用上一篇文章的最後一個範例來進行說明，當時...
在前面幾天中我邊對照 Vue2 與 Vue3 的文件邊跟大家分享，希望有幫助到大家。 另外，前幾天也很巧地碰到了 Vue3 的第一個 release v3.0....
呈上一篇組件設計的文章，今天來介紹組件資料和方法的應用，在使用組件的時候，各個子層可以有獨立的data與methods不會互相干擾，不過需要注意使用的方式： &...
今天介紹 Vue 3 的 Provide/Inject Provide provide 最常用的 3個用法： import { provide, ref, re...
如同「vue.js 學習手冊 框架的選擇與導入」這篇文章中提到的，我們使用框架能更方便地進行前後端分離式的開發；享受Virturl DOM提升頁面效能外；另外還...
在繼續未來的課程前，先跟大家介紹一個我們常用的Chrome Extension：「Vue.js devtools 」（免費的喔！），我們可以在瀏覽器透過他來監控...
今天介紹前面幾天一直在文中默默出現的 setup 方法 This 當 setup 被 Vue 執行時，元件還沒有被 new 出來，所以在 setup 方法裡不能...
今天來介紹 Vue 3 的 Composition API。 Vue 2 元件最大的痛點就是，相關邏輯必須被強制的拆分到不同的 Lifecycle Hooks裡...
在前面“多層次動態選單”的文章中，我們把選單資料放在Javascript中進行描述，可以發現整支Javascript中邏輯運算的部分極少，大多都是描述頁面資料的...
今天介紹 watchEffect 與 Lifecycle hooks watchEffect const count = ref(0) watchEffect...
前一篇文章，介紹到我們如何用已經學習到的進度製作一個連動的選單，其實大家應該不難發現在Javascript的程式中，實際上邏輯運算相關的程式碼並不多，反而是描述...
今天來介紹 Vue3 的 computed 和 watch API computed computed API 有兩種使用方式：immutable、writab...
在經歷了前幾篇文章的分享後，這篇文章想要整合一下前面所提到的進度，來製作一個整合性的範例，幫助大家停下腳步想想，除了每個項目分別的作用之外，有沒有什麼事可以透過...
Vue 官方很用心地寫了詳細的文件來跟大家解說 What is Reactivity?，內容主要是解說一些 Vue3 如何透過 Proxy 來做到資料驅動，有興...
上一篇文章中介紹到了Vue.js裡面的計算屬性（Computed），也比較了Computed與Methods之間的差異，今天再來介紹一個跟他們也有幾許類似的監聽...
今天介紹一些 v-model 在 v3 一些改動以及新特性 v-model 搭配 Computed 使用 這個範例只有在 Vue 3 的文件中出現不過看起來 V...
如前一篇所提Computed能夠自動監看指定的數據，當數據發生變化後自動重新計算結果，但如果我們想直接修改Computed的結果，在沒有使用Setter的狀態下...
Event 重點新特性：多事件監聽者現在可以同時掛多個事件監聽者，如下： <button @click="one($event), two($e...
今天來跟大家分享一個在Vue裡面非常方便實用的屬性：計算屬性，它可以在Vue中的數據更改後，自動進行運算取得一個新的結果，例如： <div id=&quo...
講到了v-for和v-bind就不得不提key的這個屬性，主要就是要討論透過v-for所渲染的項目，在資料更新時會怎麼處理，若在v-for渲染的項目中“沒有”加...
史坦利
Cian
iThome鐵人賽
看影片追技術