iT邦幫忙

tag不存在或已被下架!

搜尋 vue 找到約 2747 個結果
在google中搜尋

技術 Vue 3 用實作帶你看過核心概念 - Day 9:Class 與 Style 的樣式綁定

目錄 模板 Class 綁定樣式 Vue 響應式物件綁定模板寫法 - 通用屬性綁定物件 Vue Class 響應式物件綁定模板寫法 - Class 物件寫法 模板 Style 樣式綁定 Vue S...

技術 【Day7】輔修CSS預處理器—在Vue專案加入Sass/SCSS

學完了SCSS基本語法,馬上就是現學現賣的時間!一樣叫出我們To Do List的css表重新改寫(現在回頭來看…真是慘不忍睹) 在Vue專案加入SCSS 上網爬文了一下,Vue2之前的版本似乎是不支...

技術 Day 9: Vue監聽器的執行時機點

昨天我們接觸到watch、watchEffect,今天繼續來挖掘對Vue還不熟之前我的一些疑問,深入探討研究Vue監聽器,即便實務上已經使用的很熟悉,跟chatGPT答辯後才發現原來不只是官網,我也忽...

技術 欸你是要進 Vue 了沒? - Day8:Vue 模板語法【屬性綁定】

昨天提到了 Vue 中的模板語法 Mustache 和 v-html,今天來看看「屬性綁定」。 定義 屬性綁定可以響應式的綁定「HTML」的 id、src、class 等等屬性,使這些屬性能夠「隨著數...

技術 vue3鍊成術第八天-表單綁定(實作)

表單綁定 我們可以同時使用 v-bind 和 v-on 來在表單的輸入元素上創建雙向綁定: <input :value="text" @input="onInput...

技術 vue3鍊成術第七天-語法

今天也是語法! 屬性綁定 在 Vue 中,mustache 語法 (即雙大括號) 只能用於文本插值。為了給屬性綁定一個動態值,需要使用 v-bind 指令: <div v-bind:id=&qu...

技術 Day 14: Pinia 與 Vue Router 的結合:實現高級應用狀態的導航守衛

介紹 在現代 Vue.js 應用程序中,Pinia 和 Vue Router 的結合使用為我們提供了強大的狀態管理和路由控制能力。今天,我們將深入探討如何將這兩個工具整合,特別是如何利用 Pinia...

技術 Day07 Vue.js 簡單迷人的網頁動態效果 - 鉤子 Hooks 篇

讓網頁進場更優雅!深入 Vue.js Transition Hooks,搞定背景閃白問題! 大家好!今天要聊的是 Vue.js 的 Transition Hooks,這些小巧的鉤子不僅能讓網頁切換更...

技術 Day 8: Vue的數據監聽器-watch和watchEffect

昨天認識了Vue computed 計算屬性,可以幫助我們對於響應式數據做一些衍伸計算,同時有緩存功能,不過最大主要限制是不能處理一些程式副作用。 今天來談談Vue提供的另一項API:watch和wa...

技術 Vue 3 用實作帶你看過核心概念 - Day 8:計算屬性應用與實踐

目錄 Vue Mustache 複雜邏輯情境描述 Vue Mustache 優化 - 使用 methods 存放邏輯 定時器範例展示方法重複執行問題 Vue Mustache 優化 - 使用計算屬...