上一個單元學習到了表單中的 input 輸入框與 Vue3 的綁定，但在表單中，還有許多其它的輸入欄位，接下來這個單元繼續討論其它常用的表單欄位。 多行的輸入文字框 Textarea 這個欄位的使用方...
接下來，我們開始要來建立一個Vue的網站，在這裡我們要透過Vuetify與Yarn來安裝。 一、什麼是Vuetify: Vuetify是一款Vue的前端UI組建框架，利用Vuetify能夠幫助我們快速...
前言 本章節會提及Vue在前端中運用指令對標籤做判斷會提及的指令有 v-show: v-if: v-else-if: v-else: v-show 使用方式 引號內回傳true/false用以判斷...
template 輸入和添加 v-model綁定input的數據，裡面的字顯示新增待辦，也加上enter和按鈕觸發事件 待辦列表 v-for渲染我們的filteredTodos而且綁定key是todo...
今天是第三天，我想在正式進入“寫程式”這個步驟之前呢，先跟大家介紹當我們新建一個Vue3專案（我們示範是直接用Vuetify）的時候，它一開始的目錄結構的樣子。 爲什麽這件事情如此重要呢？因爲我從大學...
來到了第八天，今天我們的重點是是 v-if v-show v-for 以及 template v-if 與 v-show 我們先從這兩個看似很相近的內容開始說吧~看到 if 就會想到它的好夥伴 els...
製作第一個Vue程式從製作一個Hello World程式來正式進入Vue的世界，並且從中了解到Vue的一些基礎撰寫方式。 建立一個HTML檔 點選「選取語言」，並選擇HTML檔 先建立...
在網頁中,常常會使用到需要不同設計的class讓畫面有明顯的動態效果在Vue中也可以在data的配置中一組數據收集css的樣式再綁定在class上 CLASS樣式綁定 在編嵌上的使用會以:class=...
在上一個單元學習到了如何控制按鈕按下去所產生的事件，有了製作按鈕的經驗之後，在網頁上最常使用的輸入方式就是表單，也是在開發上最容易遇到的需求。 第一個最常使用的表單就是 input ，先宣告一個 in...
待辦清單 待辦清單是每位工程師入門程式語言時都會碰到的經典專案。透過這個簡單卻具代表性的應用，可以很直觀地評估和鞏固一個人對於某種語言或框架的掌握程度。不僅如此，它也是一個極佳的練習題目，幫助我們熟悉...