鐵人檔案
主要會依照 https://roadmap.sh/vue 來進行學習 使用到VScode、vue3+vite、node.js、npm/yarn、nvm 首先進行...
專案建置(vue-cli) 到vs終端輸入yarn create vue@latest接著就會跑出專案名稱輸入你的專案名稱就好，我這邊使用vue3-tut根據需...
專案建置補充(vue-cli) 今天來介紹昨天專案建置前的選擇內容 1. TypeScript： 是 JavaScript 的超集，並添加了靜態型別系統。在...
專案建置(Vite) 今天來使用第二種方式建置專案 一樣到vs終端機接著輸入yarn create vite 輸入專案名稱及套裝名稱 選擇vue 選擇javas...
甚麼是vue 是一個用於建立使用者介面的 JavaScript 框架。它建構在標準 HTML、CSS 和 JavaScript 之上，並提供聲明性的、基於元件的...
開始學語法 使用這個網站邊學邊做，比較看得懂教學網站 reactive()能在改變時觸發更新的狀態被稱作是響應式的。可以使用 Vue 的 reactive()...
今天也是語法! 屬性綁定 在 Vue 中，mustache 語法 (即雙大括號) 只能用於文本插值。為了給屬性綁定一個動態值，需要使用 v-bind 指令： &...
表單綁定 我們可以同時使用 v-bind 和 v-on 來在表單的輸入元素上創建雙向綁定： <input :value="text"...
列表渲染 我們可以使用 v-for 指令來渲染一個基於源數組的列表： <ul> <li v-for="todo in todos...
計算屬性 讓我們在上一步的 todo 列表基礎上繼續。現在，我們已經給每一個 todo 添加了切換功能。這是通過給每一個 todo 對象添加 done 屬性來實...
