v-model是vue框架裡面很常見的一種雙向綁定的用法,主要會實作在input、textarea、select等的這些表單標籤上,目的是為了實現資料的雙向同步...
Web Speech API 可讓您將語音資料合併到 Web 應用程式中。分兩個功能:(Speech Synthesis)語音合成(文字轉語音)和(Speech...
當我們第一次使用某網站時,有時候網站會跳出導覽指引(就是教你怎麼用?),這可稱作網頁導覽或者用戶導覽(User Tour)或者 Onboarding (是指使用...
👆建議你可以使用影片子母畫面功能或全螢幕播放來獲得最佳的觀賞體驗,👇下方是本篇教學的相關筆記。 Public 目錄 在 Nuxt 3 的專案根目錄下,存在一...
V06_在Vue之前_必備的JS基礎(3)_DOM元件及樣版文字的操作 今天來了解一下將陣列及物件的操作應用在網頁DOM的操作上,並結合jQuery的語法 DO...
Hi,今天我們來實作自動暫存之機制,當表單的輸入項目很多時,其實會有暫存的需求,甚至極端狀況下,若是出現瀏覽器當掉重開的狀況,如果有類似像word的機制,重開後...
V18_Vue的Composition_API的功能清單 接下來的幾篇發文,想要從Vue的官網的API清單,來整個看一遍Vue的功能,會以Composition...
V11_快速檢視Vue的功能(1)_v-bind 綁定操作 經過前幾篇的發文,複習了一下在JS及CSS的基礎,在後面的發文中,可以更專注在Vue本身的特點及功能...
本篇開箱的是VueUse中的useWindowSize方法,簡單就能取得目前螢幕的寬高 介紹 VueUse 是一個基於Vue.js 的開源函式庫,主要是以...
V05_在Vue之前_必備的JS基礎(2)_陣列Array的操作 今天來了解一下JS的陣列的概念陣列Array, 物件Object在JS中,需要學會非常熟練的操...
V09_在vue之前_必備的CSS基礎(2)_排版控制 今天來探索一下有關CSS的排版控制的觀念及用法還有 box (normal, grid, flex)的排...
前言 今天將來初步了解生命週期的部分,並簡單介紹生命週期鉤子的名詞。 簡介 Vue 3 的生命周期是組件從創建到銷毀的整個過程,包含了一系列的生命週期鉤子:在...
前言 今天是開發的Day6,開發重點為: 使用vue指令v-show進行實時確認密碼認證 將資料同步加進去firestore的資料庫 實現內容 圖片來源...
V15_從Vue的範例做中學(1)_Markdown_Editor 前面幾篇的發文已經大致的了解Vue的主要的特性及用法了,接下來要轉到Vue的官網上的Exam...
需要一個經歷複雜計算所產出的值時,大家通常都會怎麼做呢?是用函式把這個計算過程包裝起來,並回傳出這個計算後的值?還是透過其他的方式達成呢?其實在Vue和Reac...
👆建議你可以使用影片子母畫面功能或全螢幕播放來獲得最佳的觀賞體驗,👇下方是本篇教學的相關筆記。 客戶端渲染 Client-Side Rendering (C...
V25_Vue的slot網頁內容的分解及組合 今天來研究一下 slots的用法 參考W3School Vue的說明Vue v-slothttps://www.w...
V20_Vue in W3School 之前的學習主要做用Vue的線上編輯器來做練習接下來的發文,要切換到以W3School做為編輯器的模式同時,學習的網站要從...
前言 在前一篇文章中,介紹了Vue3的模板語法,讓我們對Vue3的模板有了初步的認識。今天我們要來介紹Vue3中非常重要的一個部分 —— 指令(Directi...
v-for Vue 中的 v-for 指令允許我們基於數據渲染一個列表。上面的例子中,items 是一個包含三個物件的數組。v-for 會遍歷每個物件,並對每個...
V17_Vue的不同語法的對照Composition_API及Options_API 從官網的介紹會發現有2種API,Composition API及 Opti...
V23_Vue的provide_inject_父元件傳資料給子元件 今天來探究一下 Provide/Inject 的用法參考一下W3School_Vue的說明V...
V16_從Vue的範例做中學(2)_Fetching_Data 接下來學習 Fetching_Data 的範例 網址如下https://vuejs.org/ex...
前言 今天我們要來介紹如合用v-on這個指令進行監聽事件的處理。在 Vue 中,我們可以通過v-on指令(簡寫為@)來監聽DOM元素的事件,當指定事件被觸發時...
V14_快速檢視Vue的功能(4)_Vue元件之間的props、emits與slots 接著從 Try the Tutorial 網頁來開始學習網址為 http...
V19_從Vue的範例做中學(3)_CRUD 今天來練習一下,在網頁資料中常見的 CRUDCRUD 是 Create(新增), Read(讀取), Update...
Hi,大家好,又到了連續假期了,總算可以脫離幾天上班的生活了XD,昨天我們完成了附件上傳的機制,使用 dataURL 的機制,傳完之後,當然就是要可以在畫面上看...
V28_Vue的小專案_youtube點播機(2) 在上一篇的發文中,對於小專案youtube點播機己完成了播放機的本體 根據小專案的功能項目 1.可以解析yo...
V26_Vue的Routing的操作 今天來研究一下Vue的Routing的操作,在一般的Vue的學習上,有使用SFC或是Component的方式也有使用slo...
Hi,大家好,昨天我們完成了登入&變更密碼機制,按照預定的作業流程,我們今天來處理的是表單輸入的機制,在這裡我們會使用vue.js送出資料到後端,後端資...