tag vue3

標籤
貢獻61
158
05:48 AM · Oct 27 ,2025
kobe_fans_zxc 頭像 chengxuyuanyouyage 頭像 shuirongshui 頭像 hui_61e3b3803b922 頭像 jsoncode 頭像 kestrel_task 頭像 jiangchuan_5ecf6be720834 頭像 imwty 頭像 tanking 頭像 shellingfordly 頭像 xiaodaigua_ray 頭像 mihuartuanr 頭像

@vue3 / 博客 RSS 訂閱

jiangchuan_5ecf6be720834 頭像

蔣川 - 7種最棒的Vue Loading加載動畫組件測評與推薦 - 窮盡市面上所有加載動畫效果（Vue loader）類型 - 卡拉雲

擴展閲讀：《7 種最棒的 Vue Loading 加載動畫組件測評與推薦 - 窮盡市面上所有加載動畫效果（Vue loader）類型 - 卡拉雲》 Vue Loading 加載動畫組件 (Vue-loader) 看起來很簡單不重要，實際上它是保證用户留存的關鍵一環。選擇好 Loading 加載動畫，用户留存率翻倍。 本文介紹 7 種不同的加載動畫 UI 效果（Vue loader），每一種都有其

vue-loader , vue.js , vue3

收藏 評論

chengxuyuanyouyage 頭像

程序員優雅哥 - 分享一個實用的 vite + vue3 組件庫腳手架工具，提升開發效率

無論是 vue2 全家桶還是 vue3 + vite + TypeScript，組件庫的使用幾乎大家都會，但自己開發一個獨立組件庫就不是每個人都掌握的，因為搭建組件庫的基礎開發環境，就會讓很多同學望而卻步。一個組件庫應該至少要包括三個方面： 組件庫的開發和打包； 組件庫文檔的開發和打包； 命令行工具 cli 快速創建新組件。 這幾天 程序員優雅哥 搭建了一個組件庫的基礎腳手架： vue3

腳手架cli , 組件庫 , vue-cli3 , vue3 , 前端

收藏 評論

wmuhua 頭像

沐華 - Vue3的7種和Vue2的12種組件通信，值得收藏

本文原文首發掘金：https://juejin.cn/post/699968... 如有不對的或者遺漏的，歡迎指正，你的一讚一評都是我前行最大的動力，感謝 Vue2.x組件通信12種方式寫在後面了，先來 Vue3 的 奧力給！ Vue3 組件通信方式 props $emit expose / ref $attrs v-model provide / inject Vuex Vue

vue.js , 組件通信 , vue3 , 前端

收藏 評論

wangji_5d01acdfdd139 頭像

望記 - html2canvas生成海報白邊以及文字被遮擋問題

1. 如何在vue3中使用html2canvas npm install --save html2canvas 生成海報： template div class="poster-box" ref="posterBox" div class="thumb"img src="@assets/goods.jpg" alt=""/div div class="

html2canvas , vue3 , 前端

收藏 評論

niewj 頭像

豐木 - npm安裝vue.js的2.x和3.x版本的vuex/vue-router/vue-cli安裝命令

1. vue2和vue3安裝幾個組件的指令有@的區別 vue2安裝組件指令沒有@, 但是vue3有, 我不知道為啥。 2. Vue.js 2.x 安裝指令 npm install -g vue-cli # 安裝Vue CLI npm install vue # 安裝Vue npm install vuex # 安裝Vuex npm install vue-r

vue2 , vue.js , vue3 , npm

收藏 評論

miraak 頭像

老貓抽旱煙 - vue3 父組件給子組件傳遞泛型（不用JSX）

最近在封裝一個組件，使用的時候希望父組件能給子組件傳遞一個泛型，在網上搜了半天，答案都是説要用jsx才能實現。具體寫法如下： 使用JSX 這段代碼來自Eluxjs的示例項目elux-vue-antd-admin，感興趣的可以看下。 父組件： (為減少篇幅，代碼刪了很多，當偽代碼看吧) const Component = defineComponentProps({ props: [

vue3 , 泛型 , typescript

收藏 評論

u_106065 頭像

laokugonggao - java常見面試微服務_微服務面試一般問什麼?java微服務面試題以及答案整理

Java全棧開發面試實戰：從基礎到微服務的全面解析 一、面試開場 面試官（微笑）：你好，很高興見到你。我是今天的面試官，我們今天主要聊一下你在技術上的經驗，以及在項目中是如何解決問題的。你可以先簡單介紹一下自己嗎？ 應聘者：您好，我叫李晨陽，今年28歲，畢業於復旦大學計算機科學與技術專業，碩士學歷。過去5年一直從事Java全棧開發工作，

spring , 微服務 , 數據庫 , vue3 , JAVA , Css , 前端開發 , HTML

收藏 評論

u_12968 頭像

davisl - 技術週刊 · Vue3 極致優化——分析 Vue3 Compiler 告訴你為什麼這麼快 - 凹凸實驗室 -

Vue3 高級性能優化 1. Lighthouse（谷歌瀏覽器性能分析工具） 2. 代碼分析插件（rollup-plugin-visualizer） 3. Vite 配置優化配置 4. PWA 離線存儲插件（vite-plugin-pwa） 5. 與 Vue 本身相關的優化 5.1 頁面加載優化

性能優化 , vue.js , 首屏加載優化 , tree-shaking , 高級性能優化 , vue3 , 前端開發

收藏 評論

vistart 頭像

vistart - Vue3 初學者學習路徑

對於想要快速上手Vue3並滿足您提出的要求，我推薦以下學習路徑： 1. Vue3基礎知識學習 首先需要掌握Vue3的核心概念： 瞭解Vue3的Composition API（推薦）和Options API 熟悉Vue3的響應式系統（ref、reactive） 學習組件通信方式（props、emit、provide/inject） 掌握Vue3生命週期鈎子 學習資源推薦： Vue3官

github , vue3 , 學習方法 , 後端 , 前端

收藏 評論

liuhh 頭像

liumang - 騰訊地圖實現點擊marker彈複雜窗口

實現效果 存在問題 InfoWindow採用騰訊地圖官方案例,實現複雜的界面會比較複雜，而且不利於維護。 代碼實現 前端代碼 div class="screen-map-container" div id="tencentMapContainer" class="screen-bm-view"/div div ref="customOverlay" class="mapItemI

彈窗 , vue3 , marker , 騰訊地圖 , 前端

收藏 評論

xiahl 頭像

xiahl - AgGrid應該是最好的表格工具了！！！

hs-vue3-framework HS Vue3 AgGrid 簡介： HS Vue3 Framework + AgGrid 組合 在線地址 hs-vue3-AgGrid TODO 分頁欄 表頭欄

table , vue3 , typescript , 前端

收藏 評論

kobe_fans_zxc 頭像

高級BUG開發 - vue3+vite項目h5/web配置瀏覽器自適應適配（postcss-px-to-viewport-8-plugin）

注意，項目中不要寫行內樣式 vue3+vite項目配置適配H5主要安裝一下兩個插件： amfe-flexible（主要用於動態設置根元素字體大小(rem)，以根據屏幕尺寸進行自適應佈局） postcss-px-to-viewport-8-plugin（將px單位轉換為rem） 開始配置： 第一步、安裝amfe-flexible插件 cnpm install amfe-flexi

縮放 , 瀏覽器 , vue3 , h5頁面 , 適配器模式

收藏 評論

jianer 頭像

健兒 - 關於vue3的watch綁定解析

什麼時候寫deep這個問題 困擾了我很久。這次深度解析下： 需要 deep: true 的情況 // 情況1：直接監聽一個 ref/reactive 對象，且可能只修改內部屬性 const obj = ref({ a: { b: 1 } }) watch(obj, callback) // 不會觸發 obj.value.a.b = 2 // 修改內部屬性 watch(obj, ca

vue3 , 前端

收藏 評論

meetqy 頭像

meetqy - 【記錄】如何造一個vite插件(1)

在此之前，先做個定位，這不是一篇純粹的技術性文章，可以把它理解成一個敍述文章，記錄我開發插件的過程。 開始前簡單的吹個牛 vue2 也寫了很多年了，多人合作始終避不開用到別人的組件。關鍵是有些組件沒有文檔看起來是真的費勁。props還可以直接通過組件看出來，emit,ref,slot代碼一多看起來就比較費勁了。也想過一些解決方案，比如每個組件寫一個 readme。這就有一個問題，時間太緊了，誰來給

vite , plugin , vue3 , 前端

收藏 評論

moziyu 頭像

墨子魚 - antv-l7高德地圖設置黑色底圖

安裝依賴 @antv/l7-maps @antv/l7 div id="map"/div import { Scene } from "@antv/l7"; import { GaodeMapV1 } from "@antv/l7-maps"; scene = new Scene({ id: "map", map: new GaodeMapV1({

高德地圖 , vue3 , 地圖 , antv , 前端

收藏 評論