tag vue.js

標籤
貢獻371
371
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 訂閱

u_12196 頭像

footballboy - vue2 自定義指令中使用createElement

在 Vue 中，自定義指令可以讓你在模板中使用 v-directiveName 這樣的語法來調用自己定義的指令。自定義指令可以用來操作 DOM 元素，給元素綁定事件監聽器，或者進行其他自定義操作。 Vue.directive 函數來註冊一個指令。該函數接受兩個參數，第一個參數是指令的名稱，第二個參數是一個對象，用來定義指令的行為。 下面是一個自定義指令的例子：

鈎子函數 , 機器學習 , vue.js , 自定義指令 , 人工智能 , 前端 , Javascript

收藏 評論

u_9849794 頭像

子丶不語 - 前端必看！12個JS神級簡寫技巧，代碼效率直接飆升80%，告別加班！

在日常開發中，我們經常會遇到一些重複、冗長的代碼。寫起來費勁，讀起來費神，維護起來更是頭疼。而且代碼越複雜，性能可能越受影響。 那有沒有辦法讓代碼更簡潔、清晰又高效呢？ JavaScript提供了許多現代語法特性，合理使用這些簡寫技巧，不僅能大幅減少代碼量，還能提升可讀性和執行效率。 很多資深前端都在用，這篇文章整理了12 個最實用的 JS 簡寫技巧，並結合實際

vue.js , 運算符 , 賦值 , 默認值 , 前端開發

收藏 評論

u_17148819 頭像

好像還可以 - vxe-table 透視表分組彙總及排序基礎配置

vxe-table 透視表分組彙總及排序基礎配置，對數據進行彙總後，支持對彙總及子項進行排序。 通過拖拽列到聚合列表，自動對數據進行合計彙總。設置 custom-config.allowGroup 和 custom-config.allowValues 啓用拖拽功能 查看官網：https://vxetable.cn gitbub：https://github.com/x

vue.js , 自定義 , 聚合函數 , 拖拽 , 前端開發

收藏 評論

xiarichanming 頭像

xiarichanming - Vue2.0 探索之路——生命週期和鈎子函數的一些理解

前言 在使用vue一個多禮拜後，感覺現在還停留在初級階段，雖然知道怎麼和後端做數據交互，但是對於mounted這個掛載還不是很清楚的。放大之，對vue的生命週期不甚瞭解。只知道簡單的使用，而不知道為什麼，這對後面的踩坑是相當不利的。 因為我們有時候會在幾個鈎子函數裏做一些事情，什麼時候做，在哪個函數裏做，我們不清楚。 於是我開始先去搜索，發現vue2.0的生命週期沒啥文章。大多是1.0的版本介紹。

鈎子 , vue.js , 生命週期

收藏 評論

kevin_5d8582b6a85cd 頭像

kevin - docker-compose 一鍵搭建GS Admin (Go+Node+Mysql 開發環境)

GS Admin 地址：Demo 文檔：地址 GS Admin=gin+gorm+scui 它是golang 開發的一個企業級後台。遵循MIT開源協議。前端框架是scui,SCUI基於 Vue3、elementPlus 持續性的提供獨家組件和豐富的業務模板幫助你快速搭建企業級中後台前端任務。後端框架是gin,Gin是一個golang的微框架，封裝比較優雅，具有快速靈活，容錯方便等特點。內置

vue.js , node.js , docker-compose , Docker , go

收藏 評論

refanbanzhang 頭像

熱飯班長 - 異常處理策略

const api = { getData: () = { return new Promise((resolve) = { resolve(undefined); }); }, }; 沒有異常處理，會導致程序崩潰 const getLogo = async () = { const res = await api.getData() return re

react , vue.js , 異常處理 , 前端 , Javascript

收藏 評論

u_9849794 頭像

子丶不語 - Vue3 實用篇：基於 mitt 打造靈活的組件通信與全局事件方案

在 Vue3 生態中，組件通信是前端開發的核心需求之一。父子組件間的props/emit雖簡潔高效，卻難以應對跨層級、無關聯組件的通信場景；provide/inject偏向全局狀態注入，缺乏靈活的事件通知能力；而 Pinia/Vuex 作為專門的狀態管理工具，對於臨時、非持久化的事件觸發又顯得過於笨重。 面對這些痛點，mitt以其超輕量、無依賴、API 簡潔的特性，成為 V

vue.js , 封裝 , 數據 , 事件總線 , 前端開發

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - vue3使用mitt事件管理

註冊mitt main.ts註冊 import { createApp } from 'vue'; import App from './App.vue'; // 導入mitt import mitt from 'mitt'; const app = createApp(App); app.config.globalProperties.$mitt = mitt(); app.mount('

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

收藏 評論

renxingdeniuroumian 頭像

東奔西走的小喇叭 - 如何調用體育數據足籃接口API

第一步：尋找可靠的數據源（API提供商） 在開始敲代碼之前，我們首先需要一個數據來源。市面上有許多提供體育數據API的服務商，它們提供不同粒度、不同實時性和不同價格的數據。 第二步：註冊賬號與獲取API密鑰 訪問 API文檔 搜索 需要的類目，如實時數據、統計數據、比賽接口等。 諮詢工作人員獲取文檔權限。 第三步：理解API文檔 在調用任何API之前，閲讀其官方文檔是必不可少的。你需要關注以下幾

vue.js , 數據庫 , JAVA

收藏 評論

linong 頭像

linong - 從想法到上線：AI 輔助的個人 Demo 全流程

前言 曾幾何時，為了答疑解惑，或驗證一個突如其來的想法，我嘗試過各種前端工具： 從 JSFiddle、CodePen 這樣的在線代碼編輯器，到 StackBlitz 這種項目級在線 IDE，再到 GitHub Pages、Netlify 等靜態站點託管平台。 這些工具各自解決了某一階段的問題，卻始終存在一道隱形門檻——環境、配置、部署。 很多時候，真正應該消耗精力的是“實現想法”，但現

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

收藏 評論

u_15967048 頭像

農民工前端 - JWT 解碼中的中文字符問題解決

最近在開發一個基於 JWT（JSON Web Token）的身份驗證功能時，我遇到了一個讓人頭疼的問題：解碼後的 JWT 中的中文字符顯示為亂碼。經過一番折騰，終於找到了解決方案。 問題背景 JWT 是一種用於在網絡應用之間安全傳遞信息的開放標準（RFC 7519）。它由三部分組成： Header（頭部）：描述簽名算法和令牌類型。 Payload（載荷）：包含實

vue.js , 字符串 , 中文字符 , ci , 前端開發

收藏 評論

tanking 頭像

TANKING - Vue3項目創建+組合式API使用+組件通信+渲染微博熱搜+打包上線

摘要 Vue3的組合式API大大減少了代碼量，以及使用也方便了很多，本案例使用Vite創建一個Vue3示例，簡單介紹Vue3的組合式API使用以及父傳子組件傳參示例。 創建Vue3項目 1、首先要安裝 Node.js 下載地址：https://nodejs.org/en/download 2、安裝完成後，創建一個文件夾，用於創建 Vue 項目，我是在桌面創建的 3、在你創建的文件夾內的

vue.js , 組件通信 , vite , vue3 , Javascript

收藏 評論

kestrel_task 頭像

微芒不朽 - Vue 3 組件開發最佳實踐：可複用組件設計模式

前言 組件化是現代前端開發的核心思想之一，而在 Vue 3 中，藉助 Composition API 和更完善的響應式系統，我們能夠設計出更加靈活、可複用的組件。本文將深入探討 Vue 3 組件開發的最佳實踐，介紹多種可複用組件的設計模式，幫助開發者構建高質量的組件庫。 組件設計基本原則 1. 單一職責原則 每個組件應該只負責一個明確的功能，避免功能過於複雜。 2. 開放封閉原則 組件對擴展開放，

vue.js , 前端 , Javascript

收藏 評論

opentiny 頭像

OpenTiny社區 - OpenTiny 前端組件庫正式開源啦！面向未來，為開發者而生

華為開發者大會2023（HDC.Cloud 2023）於7月7日-9日在東莞拉開帷幕,本屆大會以“每一個開發者都了不起”為主題。OpenTiny作為前端企業級組件庫解決方案，在本次大會上正式進行發佈。 ​項目發展歷程：從自研走向開源的 TinyVue 組件庫 OpenTiny 是一套企業級組件庫解決方案，適配 PC 端/移動端等多端，涵蓋 Vue2 / Vue3 / Angular 多

vue.js , cli , 開源 , 前端

收藏 評論

opentiny 頭像

OpenTiny社區 - Vue Vine：帶給你全新的 Vue 書寫體驗！

本文由體驗技術團隊Kagol原創。 上個月和TinyVue的小夥伴們一起參加了 VueConf 24 大會，有幸認識沈青川大佬，並瞭解了他的Vue Vine項目，Vue Vine 讓你可以在一個文件中通過函數方式定義多個 Vue 組件，同時可以使用所有 Vue 的模板特性。 聽起來是不是很酷！ 之前我寫過 SFC，也寫過 JSX 的 Vue 組件，兩者各有缺點。 SFC 顧名思義單文件組件，只

vue.js , 組件庫 , 前端

收藏 評論

halt 頭像

隱約雷鳴 - vue實現一個6個輸入框的驗證碼輸入組件（vue3簡化版）

首先，我不是原創 原創是https://segmentfault.com/a/1190000023041401 原創是https://segmentfault.com/a/1190000023041401 原創是https://segmentfault.com/a/1190000023041401 重要的原創説三遍 我是在他的基礎上，整理出一個vue3可用的簡單版本，供大家參考 喏，圖

input , vue.js , 表單 , 6位 , 驗證碼

收藏 評論

zhaobuhui 頭像

趙不悔 - Vue中使用dayjs

安裝 cnpm i dayjs -S 全局安裝 import dayjs from "dayjs" Vue.prototype.$dayjs = dayjs;//可以全局使用dayjs 使用 div id="app" {{xx}} /div script export default { data() { ... }, computed: {

vue.js , date , 時間戳

收藏 評論

_607c00baa52ff 頭像

懟懟 - 【vue】虛擬DOM與Diff算法

虛擬DOM與Diff算法 虛擬DOM snabbdom Vue中的Diff算法 1 虛擬DOM 概述 VNode 1.1 概述 原生DOM為我們提供了一些獲取DOM元素以及操作DOM元素的API，可以對DOM元素進行增刪改查。 複雜的頁面狀態維護需要提前寫好大量的DOM操作，會造成狀態很難維護，代碼的邏輯也很混亂。 所以我們會使用數據驅動的方式進行視圖更新 - 數據與

vue.js , 虛擬dom , virtual-dom , diff

收藏 評論

zhuoooo 頭像

zhuoooo - 全面敏捷模式下的微前端方案——設計篇

這裏是突然勤奮的 Zhuo，持續更新文檔中。 本文只涉及到 module-federation 微前端方案的設計層面分享，關於具體實現，可以參考寫的簡單例子；所有的設計圖自取，如果對你有一些啓發，請點個 star 背景 團隊從瀑布流模式轉變為敏捷模式，將整個項目團隊劃分為多個小組並行開發，多小組同時升級的分支處理和代碼衝突之類的問題頻繁出現。於是接到了組內一個技術需求：《模塊支持單獨升級和部署》。

vue.js , microservice , webpack5

收藏 評論

jingzhexiaoyu 頭像

胡斐 - 2019 重新啓程——JavaScript學習之閲讀jQuery源碼

引言：2019年，react hooks成功上位，vue3.0發佈alpha版，TS使用率的飛速增長，以及大量前端開發工具使用體驗的大幅優化和提高等等讓越來越多的開發者吐槽前端學不動了的時候，最好的應對方式便是對基礎概念的掌握。內功足夠強大，才能做到不被別人牽着鼻子走。閲讀開源代碼是一個很好的方式，首先率選擇了jQuery便是裏面的內容沒有太多足夠抽象的設計思想。更多的是對於基礎內容的覆蓋。同時也

react , vue.js , 2019總結 , jquery , Javascript

收藏 評論

yunuo_5f87fbee283af 頭像

禹諾 - 源碼分享vue3+ts開發類似語雀的文檔編輯器可擴展插件可以自定義工具欄及工具欄與編輯器分離源碼可二開修改

前言 項目開發中總遇到發個文章，編輯文本信息，需要有個使用簡單交互感好的富文本編輯器，編輯器一般後期交付給客户使用所以滿足功能以外還要使用簡單界面漂亮，不然有被客户説了。而且編輯器要根據業務需求還能修改，也就是源碼可修改。居於這些需求我今天給開發者朋友分享乾貨，拿去就能用的編輯器源碼。 代碼目錄介紹 圖1 - 代碼目錄 如圖1在components下的gfeditor就是編輯器代碼包，其中

vue.js , 富文本編輯器 , 前端

收藏 評論

code4world 頭像

碼上世界 - 麒麟操作系統 (kylinos-x64) 從入門到精通 - 辦公環境 - 第11篇 Web前端開發及環境準備

0. 基礎環境 類別：筆記本 硬件：Intel,Amd等x86_64處理器 系統：銀河麒麟操作系統 V10（SP1）2303-update2 關鍵詞： 信創,麒麟系統,linux,PKS,銀河麒麟,amd64,x86_64,x64,兆芯,海思,nodejs,nvm,vue,react 1.背景描述 現在的前端是前後端分離的，本文以node,npm等技術為特點，為研發

react , vue.js , react-native , 信創 , nvm

收藏 評論

buddhad666 頭像

buddha - Replace Autoprefixer browsers option to Browserslist config.

出現這個報錯的原因是引用的postcss版本過高導致，解決方法就是按照給出的提示替換成overrideBrowserslist

vue.js , postcss , 前端

收藏 評論