tag vue.js

標籤
貢獻371
395
05:55 PM · Oct 25 ,2025
tuzixiansen_63d4d65909d62 頭像 opentiny 頭像 u_17148819 頭像 u_9849794 頭像 8848_62c77d4bb2532 頭像 u_15967048 頭像 tanking 頭像 refanbanzhang 頭像 kangkaidafangdezi 頭像 kestrel_task 頭像 u_13738137 頭像 u_16307147 頭像

@vue.js / 博客 RSS 訂閱

liane 頭像

Liane - Vue3-Vue2實現數據響應式的區別

Vue2實現響應式的核心： 對象：通過defineProperty對對象的已有屬性值的讀取和修改進行劫持（監視/攔截） 數組：通過重寫數組更新數組一系列更新元素的方法來實現元素修改的劫持 let data = { name: 'Liane', age: 18 } //模擬組件實例 let _this = {} //Object.defaineProperty()用法 for(le

vue.js , 代理 , defineproperty , vue3 , 響應式

收藏 評論

powerful_simon 頭像

小謳 - 小程序重構 [cnode社區]：mpvue + 開源api，現已上線！

歡迎關注前端小謳的github，閲讀更多原創技術文章 閒暇時光表浪費，由於技術棧一直用的vue，因此用 mpVue 開發了小程序版本的 cnode 社區，api 也都是官網開源的。有人會問 “mpvue不是已經停止維護了嘛？”——的確是的，而且使用起來有很有坑。但這是我第一次寫小程序，找個最相近的語言最適合——無論選擇哪種技術棧，產品要完整做出來才行。小程序現已上線，後續還將逐步嘗試在tar

vue.js , node.js , 小程序 , mpvue , Javascript

收藏 評論

kestrel_task 頭像

微芒不朽 - 別再用mixin了！Vue3自定義Hooks讓邏輯複用爽到飛起

前言 隨着 Vue 3 的普及，Composition API 成為了構建複雜應用的主流方式。相比 Options API，Composition API 提供了更好的邏輯組織和複用能力。而自定義 Hooks 正是這一能力的核心體現，它讓我們能夠將業務邏輯抽象成可複用的函數，極大地提升了代碼的可維護性和開發效率。 什麼是自定義 Hooks？ 自定義 Hooks 是基於 Composition AP

vue.js , 前端 , Javascript

收藏 評論

mufeiqin 頭像

慕非欽° - Vue3 Hook詳解：提升組件邏輯複用和可維護性的利器

Vue3引入了Hooks，這是一種新的組件邏輯複用方式，旨在解決Vue2中Mixin和高階組件的一些問題。本文將深入探討Vue3中的Hooks，以及如何利用它們提高組件邏輯的可維護性和複用性。 1. 什麼是Vue3 Hooks？ Vue3 Hooks是一種函數式的API，允許我們在組件之間複用狀態邏輯。這些函數包括setup、reactive、ref等，以及一系列生命週期函數如onMounted、

vue.js , vue3 , hook , 前端 , Javascript

收藏 評論

Itstars 頭像

新茶十九 - Vue 3 深入瞭解，那些很少有人知道的實用特性和技巧

1. 深層響應式控制 shallowRef - 淺層 Ref import { shallowRef, triggerRef } from 'vue' const state = shallowRef({ count: 0, nested: { value: 1 } // 這個變化不會被自動追蹤 }) // 只有直接賦值會觸發更新 state.value = { c

vue.js , 響應式 , 前端開發 , ide , Javascript

收藏 評論

dushigemi 頭像

灬都是個謎 - vue3 模板編譯 —— 把 v-model 默認改為 v-model:value

📰 前言 在 Vue3 中，v-model 指令默認綁定到組件的 modelValue 屬性上。 但如果我們想要的是默認綁定到 value 屬性呢？ 我們可以使用 AST（抽象語法樹） 轉換來實現這一點。 🌈 在線演示 📄 vite.config.ts import { defineConfig } from 'vite' import vue from '@vitejs/pl

vue.js , vue3 , 編譯原理

收藏 評論

nanian_5cd6881d3cc98 頭像

那年 - Mint UI中Swipe組件 動態展示默認顯示的元素

可以看到，defaultIndex參數是可以設置輪播初始化時的索引的（既顯示第幾個輪播塊），但是當輪播組件渲染完成後，修改此參數並不會使組件切換輪播，因為此參數只在組件渲染時生效。可以讓組件重新渲染來實現切換到指定輪播，代碼示例如下： mt-swipe :auto="0" :defaultIndex='defaultIndex' :show-indicators="false" :contin

vue.js , mint-ui , Javascript

收藏 評論

wuyagege 頭像

雲綺棠兮 - Vue將後端返回的數據中的字段替換成想要的數據

res.data.data.list = [ { id:"1", name:"Lily", project:"math" }, { id:"2", name:"Lucy", project:"English" }, { id:"3,

vue.js , replace , foreach , 前端

收藏 評論

focus_59f29b11852c0 頭像

focus - django-uwsgi-vue部署記錄

部署文檔 1.目錄規劃: /home/useradmin/ ├── applications ---應用代碼部署目錄 │ ├── DEV ---開發環境 │ └── STG ---測試環境 ├── applogs --日誌文件目錄

vue.js , 部署 , uwsgi , django-rest-framework

收藏 評論

Itstars 頭像

新茶十九 - 高德地圖，開啓webGL效率高還是關閉效率高

關於高德地圖中WebGL的開啓與關閉對效率的影響，絕大多數情況下，開啓WebGL的效率遠高於關閉。 下面我將從多個維度進行詳細對比分析，並提供具體的場景建議。 🆚 效率全面對比 效率維度 開啓 WebGL (推薦) 關閉 WebGL (使用 Canvas 2D) 渲染性能

vue.js , 3d , webgl , 前端開發 , Javascript

收藏 評論

nanian_5cd6881d3cc98 頭像

那年 - vue3 點擊下載文件，不打開預覽，已解決

需求背景：vue3項目點擊下載按鈕，下載文件，使用頁面添加a標籤方式會導致不是下載而是打開文件（圖片/pdf） 使用了直接動態添加a標籤的方法，還是會打開預覽 const url = 'http://192.168.60.59:8888/fayuan/head/4b33a2a1-3911-4586-9878-50373a1fb852.jpg' const a = d

vue.js , 下載 , 前端 , Javascript

收藏 評論

jiangchuan_5ecf6be720834 頭像

蔣川 - 最好用的 5 個 Vue select 單選多選下拉組件 - 卡拉雲

本文首發：《最好用的 5 個 Vue select 單選多選下拉組件 - 卡拉雲》 單選 / 下拉 / 多選（select）組件在搭建 Vue 的 app 中特別常用，Vue select 除了用鼠標點選外，還可以有更多樣的功能，比如搜索過濾，樹狀結構，tab 分組，按組選擇等。這些高級功能都可以在第三方組件中找到，本文記錄了我自己使用多年最好用的 5 款 Vue select 組件，每一款都經

vue.js , vue-cli3 , vue3

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - Fetch+stream實現流式輸出

Fetch API 允許你跨網絡獲取資源，真正好的是，瀏覽器最近增加了將 fetch 響應作為可讀流使用的能力。 這是一個簡單明瞭的fetch+stream輸出的示例： try { // 定義手動停止接口 abortController.value = new AbortController(); // 發送請求 let response = await fetch(u

react , vue.js , HTML , 前端 , Javascript

收藏 評論

dushigemi 頭像

灬都是個謎 - vue3 模板編譯 —— 我竟把 v-if 和 v-for 的優先級改回來了，不信你看 🤣

📰 前言 眾所周知，在 vue3 中 v-if 總是優先於 v-for 生效。 然而，在某些情況下，我們可能更希望 v-for 的優先級更高， 雖然 vue3 並沒有提供直接修改指令優先級的方法，但是我們可以使用 AST（抽象語法樹） 轉換來實現這一點。 🌈 在線演示 📄 vite.config.ts import { defineConfig } from 'vite' im

vue.js , 編譯原理 , 前端

收藏 評論

chengxuyuanxiaohui 頭像

愛編碼的coder - Web移動端最強適配方案總結，沒想到這麼好用！

一、前言 在過去的幾年時間裏，移動端web野蠻生長，智能機的Android陣營和IOS陣營分庭抗禮，隨之產生了多個系統版本（系統版本多樣）；五花八門的屏幕尺寸、屏幕展示技術（如大名鼎鼎的Retina技術屏）層出不窮（屏幕尺寸、技術多樣），還是CSS的W3C標準在各式各樣的移動端瀏覽器上落實得也是七零八落（瀏覽器兼容多樣）。 細看下來移動端Web開發工作面臨着很多的多樣性，可想而知在這樣的不確定性下

vue.js , 全棧工程師 , 程序員 , html5 , Javascript

收藏 評論

banshee 頭像

Banshee - mpvue實現微信小程序快遞單號查詢

mpvue剛出來的時候確實很火,但目前好像沒有維護,不是很好找官方的文檔,只能通過各大論壇的大佬們總結的文章去研究和論證 使用快遞100的接口https://m.kuaidi100.com,mpvue也是完全遵循原生微信小程序的語法,所以接口只允許https.~~~~ **在app.vue主文件裏面定義一個globalData並初始化一個訂單集合 globalData: {~~~~

vue.js , 小程序 , mpvue

收藏 評論

guoguo_623d4e7c1373e 頭像

果果 - Java進階學習路線（適合科班、非科班和已工作的仔）

前言 這期我想寫很久了，但是因為時間的原因一直拖到了現在，我以為一兩天就寫完了，結果從構思到整理資料，再到寫出來用了差不多一週的時間吧。 你們也知道哥哥一直都是創作鬼才來的，所以我肯定不會一本正經的寫，我想了好幾個切入點，最後決定用一個完整的電商系統作為切入點，帶着大家看看，我們需要學些啥，我甚至還收集配套視頻和資料，暖男石錘啊，這期是嘔心瀝血之作，不要白嫖了。 正文 在寫這個文章之前

vue.js , coffeescript , bootstrap , yarn , Javascript

收藏 評論

willxiao90 頭像

Will - Vue 與 React 的區別

Vue 與 React 有什麼區別？ 這是前端開發同學面試時經常遇到的問題。 我最開始接觸的是 React，對 Vue 的理解一直比較片面，感覺 Vue 要學很多 html 指令，很不習慣，也沒覺得 Vue 比 React 有什麼優勢。 直到現在，使用了 Vue 一年之後，對 Vue 有了更多感受，也消除了一些刻板印象。 首先，這兩個框架都是非常優秀的，它們其實非常相似，都有以下特性： 響應式

react , vue.js

收藏 評論

xiaoxiansheng_5e75673e1ae30 頭像

BugShare - 嘿嘿，一個簡單ElasticSearch小實現

週五臨近下班，原本打算摸摸魚，結果產品經理來個新需求。領導覺得 AI 服務器報價太貴，想先做個“低成本替代方案”來演示一下分析效果。於是，需求會議就開了。其中有一塊功能是 “檢索內容高亮顯示並展示匹配度”，產品經理説這可以考慮用 Elasticsearch 實現。行吧，需求是他提的，代碼自然就得咱來寫了。那就開幹吧 💪 一、啓動 Elasticsearch 服務（Docker 簡單搞定） 這裏用

vue.js , elasticsearch , 大數據 , springboot , Docker

收藏 評論

u_16390833 頭像

wzw45233 - elementplus Slider 滑塊

Element UI Plus 的 ElSlider（滑塊組件）用於在指定數值範圍內進行單值/範圍選擇，支持步長、自定義樣式、禁用等功能，是表單、篩選、配置類場景的高頻組件。以下是完整的使用指南，包含基礎用法、進階定製及核心 API。 一、基礎用法（核心） ElSlider 核心通過 v-model 綁定數值，默認是單滑塊，取值範圍由 min（最小值，默認 0）和 m

輸入框 , vue.js , 滑塊 , 前端開發 , ide

收藏 評論

u_13738137 頭像

小雨青年 - 拒絕“重後端”！帶你用 MateChat 打造 AI 驅動的“輕狀態”敍事引擎

前言 大家好！提到“遊戲化交互”，大家腦子裏是不是立馬浮現出複雜的後端服務、龐大的數據庫設計，還有令人頭禿的狀態機管理？ 説實話，這種“重後端”的架構往往讓我們望而卻步——我只是想給活動頁加個劇情小遊戲，或者給入職引導做個互動，真的需要動用這麼大陣仗嗎？ 今天，我們換個思路。如果不寫後端，只用前端技術和華為雲的

輸入框 , ico , vue.js , 前端開發 , Json

收藏 評論

jello_5c89ccf558dcc 頭像

Jello - vue實例的生命週期和生命週期鈎子

什麼是生命週期 從Vue實例創建、運行、到銷燬期間，總是伴隨着各種各樣的事件，這些事件，統稱為生命週期。生命週期鈎子就是生命週期事件的別名（生命週期鈎子 = 生命週期函數 = 生命週期事件） 生命週期圖示 主要的生命週期函數分類 創建期間的生命週期函數： beforeCreate：實例剛在內存中被創建出來，此時，還沒有初始化好 data 和 methods 屬性 create

鈎子 , vue.js , 生命週期

收藏 評論

u_16864929 頭像

瘋狂迪霸戈 - Vue2 與 Vue3 區別

1. 架構設計差異 Vue2 的 Options API Vue2 採用 Options API 組織代碼，通過不同的選項（data、methods、computed 等）來定義組件： // Vue2 Options API export default { data() { return { count: 0, message: 'Hel

vue.js , API , 響應式 , 前端開發 , Javascript

收藏 評論

u_16213658 頭像

mob64ca140a59b0 - Vue3漸變色進度條實現elementplus

打開vue的官網介紹，第一句就是“vue是一套用於構建用户界面的漸進式框架”。“漸進式”這幾個字在剛接觸vue時並沒有很注意到， 使用至今，再次打開官網，這幾個放大突兀的字體確實是讓人疑惑，當然，網上Google一下，會有很多資料對於這三個字進行闡述，本文只是一個自己理解和簡單記錄 1、漸進式 看到“漸進式”這三個字，不免想

機器學習 , 函數式編程 , vue.js , 圖層 , 人工智能 , 官網

收藏 評論