輸出完 header 元件後，試著在 App.vue 引入 TaiHeader.vue。App.vue* <template> <div i...
為什麼選擇建立 header component 呢？ 網站各個頁面都會共用 固定版型而且不需要傳入動態的資料，不會有傳接資料報錯的問題 開始建立第一個元件...
創建 CLI(command-line interface) 環境前，要先下載 node.js① ⌘ + space 搜尋終端機 terminal.app ②...
在開發Vue專案時，時常會使用binding的技巧，用以動態變更參數的值，如下 <div class="sensorlist_icon&quo...
根據TheMealDB API的List all meal categories可看到有很多餐點分類，不過這次用到那麼多分類，所以等下會在data中定義會用到的...
紀錄一下我的作品當中點擊get details按鈕跳出Popup組件，按下叉叉可關閉Popup組件的操作。 父組件MenusDetails.vue <te...
歐歐歐，竟然已經到第29天了，時間真的是咻咻咻就過了呢!明天就要結束了，真是感傷(☍﹏⁰) (解脫了ε٩(๑> ₃ <)۶з)今天跟昨天一樣來講講c...
沃嗚!鐵人倒數3天了，我們離完賽就差一顛點啦，我們今天來講講components吧~繼續gogogo (｢･ω･)｢ Component簡介 Vue compo...
今天是三天連假的第一天，實體上課真的太累了，一不小心睡到下午诶嘿(๑´ڡ`๑)連假過完鐵人也差不多完成了!時間真的過的飛快啊，今天來講講vue的過濾器，雖然在這...
終於~ 來到鐵人賽的最後一天啦今天的工作就是把小專題剩下的功能給完成，為這次的鐵人賽歡呼~ 完賽啦!!! 我的 vue 翻牌配對小遊戲 修改為按下卡牌後只將該卡...
表單輸入綁定 我們可以用v-model指令在表單<input>、<textarea>、<select>元素上建立雙向數據綁定...
免責聲明:最近跟著中了"魷魚遊戲"的毒，哈哈哈這個遊戲，相信大多數的人都有玩過~不過，我們的遊戲沒有大筆獎金，也不需要打打殺殺 XD 所以...
下面來介紹一下，Vue 3 的一些小小魔法(個人覺得很 Magic ~ 哈哈)，有些是補充說明，有些可能會很少使用到，就連官方都有提醒 " 請謹慎使用...
歐歐歐，在今天的文章開始前插播一則消息，今天是我生日耶✧*｡٩(ˊᗜˋ*)و✧*｡生日也要記的來發鐵人，剩下沒幾天了加加油(๑•̀ω•́)ノ歐給!開始吧! 昨天...
v-on 在Vue.js 中我們可以使用v-on去監聽 DOM 事件，當事件被觸發時會呼叫我們設定的函數或是 JavaScript陳述式做對應的改變。 縮寫:...
說了那麼多，感覺還是有點模糊~ 沒關係，我可能也差不多 ( 哈哈 所以還是透過實作練習，讓自己更了解，看見那更明朗的天空吧 目標 : 透過串接 API 接收取到...
前一篇說到 該怎麼寫 data 的資料，找回雙向綁定機制 !!!這邊先小小的補充一下 XD 在 Options API 我們 data 裡定義到的東西都可以被...
唉呀，今天再一篇v-for，不知道v-for分兩篇會不會覺得太灌水，但我還是分兩篇了✧*｡٩(ˊᗜˋ*)و✧*｡ Key 維護狀態 當Vue正在更新使用v-fo...
在 Composition API 當中我們可以將響應式資料和相關業務邏輯結合到一起，是因為 Vue3 的 setup 方法 setup setup 是 V...
昨天講了條件渲染，今天來講列表渲染(List Rendering)吧!! v-for 當我們在頁面上綁定資料時，遇到一些重複、複雜的data時(像是array、...
在 Vue3 中我們可以使用 Options API 或是 Composition API 選擇一種方式來撰寫，下面來看看甚麼是 Options API ? 甚...
今天來講條件渲染(Conditional Rendering)，也就是可以依照條件變化改變渲染元素的 Directives，會舉例讓大家知道v-if跟v-sho...
昨天講了class的綁定，今天換來講style (ﾉ◕ヮ◕)ﾉ*:･ﾟ✧ 綁定Style v-bind:style綁定的方式跟昨天的class很像。Style...
在Vue中，如果我們需要綁定屬性就可以用到v-bind，是不是有對這個指令有印象啊，我們在Day 14的時候有大略提到，這幾天再來特別介紹v-bind用在cla...
最後一篇文，擠出了一些覺得在開發上容易踩的雷以及要注意的事情 要使用、渲染的變數除了傳遞進入元件的，都需定義於data HTML中不需使用 this...
蘇
‧
2021-09-30
昨天拿computed跟methods做比較，今天換來跟watch比比看過五關斬六將ヾ(´︶`*)ﾉ♬ Watchers 偵聽器 大部分情況可以用compute...
昨天介紹了computed的基本使用方式，今天多講一點點有關methods的，大家準備好了嗎ε٩(๑> ₃ <)۶з 計算屬性緩存Computed...
前幾天我們介紹了如何將vue 物件中的屬性綁定到模板中，我們講到可以直接在模板中插入JavaScript 表達式來做運算，但實際上Vue不建議我們這麼做，若是簡...
簡介 vue原生元件，可達到cache目的。使元件狀態維持不變，不重走生命週期。 新增鉤子activated: 被keep-alive涵蓋的原件重新渲染時觸發...
蘇
‧
2021-09-28
帶參數 mock mock_adapter.onGet("/todo-list", { params: { id: "1"...
蘇
‧
2021-09-27
ㄆㄩ
gior__ann
iThome鐵人賽
看影片追技術