在 Composition API 當中我們可以將響應式資料和相關業務邏輯結合到一起，是因為 Vue3 的 setup 方法 setup setup 是 V...
唉呀，今天再一篇v-for，不知道v-for分兩篇會不會覺得太灌水，但我還是分兩篇了✧*｡٩(ˊᗜˋ*)و✧*｡ Key 維護狀態 當Vue正在更新使用v-fo...
在 Vue3 中我們可以使用 Options API 或是 Composition API 選擇一種方式來撰寫，下面來看看甚麼是 Options API ? 甚...
昨天講了條件渲染，今天來講列表渲染(List Rendering)吧!! v-for 當我們在頁面上綁定資料時，遇到一些重複、複雜的data時(像是array、...
今天來講條件渲染(Conditional Rendering)，也就是可以依照條件變化改變渲染元素的 Directives，會舉例讓大家知道v-if跟v-sho...
最後一篇文，擠出了一些覺得在開發上容易踩的雷以及要注意的事情 要使用、渲染的變數除了傳遞進入元件的，都需定義於data HTML中不需使用 this...
蘇
‧
2021-09-30
昨天講了class的綁定，今天換來講style (ﾉ◕ヮ◕)ﾉ*:･ﾟ✧ 綁定Style v-bind:style綁定的方式跟昨天的class很像。Style...
在Vue中，如果我們需要綁定屬性就可以用到v-bind，是不是有對這個指令有印象啊，我們在Day 14的時候有大略提到，這幾天再來特別介紹v-bind用在cla...
昨天拿computed跟methods做比較，今天換來跟watch比比看過五關斬六將ヾ(´︶`*)ﾉ♬ Watchers 偵聽器 大部分情況可以用compute...
昨天介紹了computed的基本使用方式，今天多講一點點有關methods的，大家準備好了嗎ε٩(๑> ₃ <)۶з 計算屬性緩存Computed...
簡介 vue原生元件，可達到cache目的。使元件狀態維持不變，不重走生命週期。 新增鉤子activated: 被keep-alive涵蓋的原件重新渲染時觸發...
蘇
‧
2021-09-28
前幾天我們介紹了如何將vue 物件中的屬性綁定到模板中，我們講到可以直接在模板中插入JavaScript 表達式來做運算，但實際上Vue不建議我們這麼做，若是簡...
帶參數 mock mock_adapter.onGet("/todo-list", { params: { id: "1"...
蘇
‧
2021-09-27
前一篇提完透過axios 進行HTTP請求，但前後端分離且分工的狀態下，前端工程師為了驗證成果需要透過假資料檢視渲染後實際情況，axios-mock-adapt...
蘇
‧
2021-09-26
前兩天講了模板語法中的插值，今天來講指令的部分吧۹(ÒہÓ)۶ Directives 指令 Vue的特殊DOM屬性都會以v-開頭，如v-if，這些特殊屬性的內容...
讓我們接續昨天的模板語法介紹吧，昨天講了v-once跟v-html，今天來說說屬性跟JavaScript 表達式! Attribute Mustache語法不能...
昨天我們講到了Vue的實體還有實體內會有的一些物件，今天就來用範例看看它內外互相響應的過程吧٩(ˊᗜˋ )و 數據和方法 當Vue實例被創建時，它會將data中...
vue.js2.0後版本推薦使用axios來完成ajax請求為Promise-based HTTP client非同步，可於then後進行操作、catch錯誤處...
蘇
‧
2021-09-25
router-link to 函數 指定導向，包含以下方法 <!-- 直接指定路徑 --> <router-link to="/&q...
蘇
‧
2021-09-24
昨天筆記了基礎Vue Router 以及 History概念，今天繼續筆記其他細項用法。 動態路由 將不同路由導向同個元件，可視為帶入不同參數至同元件中。 於r...
蘇
‧
2021-09-23
Vue 官方所提供的路由，由於使用vue2，Vue Router 版本選擇v3。 安裝 // npm npm install vue-router 應用 新...
蘇
‧
2021-09-22
Action 類似於mutation action -> mutation -> 改變狀態 vs 直接提交mutation -> 改變...
蘇
‧
2021-09-21
Mutation 提交mutation，是更動state的唯一方法，並以state為第一個參數。包含事件類型(type)、回調函數(handler)，不可直接調...
蘇
‧
2021-09-20
Instance Lifecycle 生命週期 介紹完怎麼建立Vue instance 後，接著來談論它的生命週期吧。一個 Vue 實體跟我們人類一樣有生老病死...
State 定義狀態 store.js state: { // 待辦事項 todoList: ["待辦事項A", "...
蘇
‧
2021-09-19
Vuex 狀態管理 前面提到了Event Bus可以做到全域的事件監聽管理，但當系統逐漸擴張，這些狀態也越來越繁雜，這時後即可透過vuex(store，可視為一...
蘇
‧
2021-09-18
Event Bus 前面提到了父子元件透過emit & prop進行參數傳遞，當樹狀結構逐漸複雜時，在傳遞上複雜度也越來越高。ex: 兩個子元件互相傳遞...
蘇
‧
2021-09-17
slot 在子元件(內層)中預留空間，由父元件(外層)設定、分配內容。子元件本身對slot無控制權子元件可對slot內容進行預設 Fallback Conten...
蘇
‧
2021-09-16
我在 Localhost 開發的時候會出現錯誤訊息 GET http://192.168.43.55:8081/sockjs-node/info?t=16281...
我在 Localhost 開發的時候會出現一個錯誤訊息困擾有許久，而且是機率性的。因為以 SPA(Single-Page Application) 開發專案項目...
iThome鐵人賽
看影片追技術
看更多
gior__ann
ㄆㄩ