身為一個程式小菜雞,我決定透過紀錄自己的學習過程來進步。從環境安裝、語法基礎到實作小專案,期望每一天都會留下簡單的筆記與程式碼,讓自己一步一步往前進。考驗能不能做到「持之以恆」這件事,紀錄一個月,讓自己看到努力後的成長。
之前在開發專案都是由純 HTML + CSS + JavasSript趁著這次參加鐵人賽,用「框架化」的方式來學習,挑戰看看 Vue.js! 簡單介紹一下 Vu...
今天要來試著將開發環境準備好要下載的有 Node.js Vite Vite 是一個 Javascript 建構工具 可當 server 只載入需要的檔...
今天的學習會碰一點點的程式首先,先來認識 Vue 的專案結構 vite-project/ ├─ .vscode/ # 存放 VSCode...
補充上一篇 App.vue 是可以有多個 instance 的首先到 index.html 放兩個 app <html lang="en&quo...
屬性的綁定 通常我們在寫網頁的時候大多直接在標籤加入 class、id 等關鍵字,但這樣的寫法其實偏向於「寫死」的概念,因此 vue 提供了一種綁定方式為 v-...
條件判斷 今天要學習 v-if 的用法,它依照表達式的真假值來決定是否渲染該元素 True --> 渲染 False --> 不渲染 eg....
Options vs Composition 有鑑於我之前的寫法是屬於 Options 的方式,今天在看 doc 的時候發現了有 Composition 的寫法...
v-for 在 list 的應用 假設要顯示一個 list,又不想要寫很多的 record,此時我們就可以使用 v-for 這個語法去把我們的 data 一筆一...
今天要延續昨天的 v-for除了迭代一般的 list ,我們也可以直接迭代一個 objecteg. <script setup> import {...
今天要來學習 Vue 中的 event,使用的是 v-on,可簡解為 @ 一個簡單內聯事件的例子 <template> <div :cla...