什麼是模板語法? 模板語法是邏輯與頁面之間溝通的媒介，Vue.js 使用了基於HTML 的模板語法，允許開發者聲明式(declaratively)地將DOM 綁定至底層Vue 實例的數據。 常見的Vu...
續上一篇文章，寫到後面還有一些觀念沒有講得很清楚，像是var有Hoisting的特性，coding的時候常出現的undefined、not defined，今天一次把它搞懂。 Hoisting 中文...
利用 provide & inject 機制，父元件當作所有其子元件的 provider，無論所屬的子元件有多深！ 父元件利用 provide option 提供資料 要傳遞的資料使用 p...
在Vue的世界中，是由一個又一個的元件所構成，而我們可以透過自訂元件的方式量身打造客製化的元件並進行複用。 首先，我們先建立一個獨立的Component.vue。 <template>...
問題回答 使用 Vuex 是為了當元件之間都需要共用資料時，使用一個像是公用容器來管理資料，我們把所有要共用的資料都拉進此容器中，讓所有元件都能在此容器取得或操作資料。 使用 Vuex 的好處： 不...
Hi Dai Gei Ho~ 我是Winnie～ 延續上篇沒有說完的內容，今天我們要來看看 Vite Config 常見配置。 首先我們先可以打開專案根目錄中的 vite.config.js，初始的配...
本系列文已改編成書「Arduino 自造趣：結合 JavaScript x Vue x Phaser 輕鬆打造個人遊戲機」，本書改用 Vue3 與 TypeScript 全面重構且加上更詳細的說明，...
昨天我們已經看到了computed和method了今天的話已是一個非常好用的屬性Watch，那它能幹什麼呢? Watch是什麼? Watch可以說是讓我們監視某個值，當這個值變動的時候，就去做某些事情...
雖然之前提過的 計算屬性 computed，就有監聽的功能了，不過有時候我們仍需要一個屬於自己定義的監聽器，這時就可以使用到 watch 這個更通用的方法了~點我複習 computed watch 用...
延續昨日今天來把登入的功能搞定吧!記得我們day7學到的東西嗎?:class="project ${project.status} px-10"沒錯我們也是要用這樣的形式去處理我們...