從0搭建Vue3組件庫(三): 組件庫的環境配置
本篇文章將在項目中引入 typescript,以及手動搭建一個用于測試組件庫組件 Vue3 項目 因為我們是使用 Vite+Ts 開發的是 Vue3 組件庫,所以我們需要安裝 typescript、vue3,同時項目將采用 Less 進行組件庫樣式的管理 pnpm add vue@next type ... ?
一次vue項目優化的實際操作記錄
目錄 前言 一、CDN引入 二、gzip壓縮 三、路由懶加載，這種最簡單的了就不多說了 四、打包不生成map文件 五、router上面使用props傳參數，導致頁面加載時間很長 總結 前言 項目前端優化是我們經常需要去做的事情，今天我們就來記錄下我的實際操作。 一、CDN引入 這是一 ?
基于Vue3+TypeScript的全局對象的注入和使用詳解
目錄 1、Vue2的全局掛載 2、Vue3+TypeScript的全局掛載 3、Vue3+TypeScript的全局掛載的對象接口定義 剛完成一些前端項目的開發，騰出精力來總結一些前端開發的技術點，以及繼續完善基于SqlSugar的開發框架循序漸進介紹的系列文章，本篇隨筆主要介紹一下基于Vue ?
Vue首頁加載白屏原因及解決方法是什么
本篇內容主要講解“Vue首頁加載白屏原因及解決方法是什么”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學習“Vue首頁加載白屏原因及解決方法是什么”吧! 首先說一下首頁加載為什么會白屏？ 先說下Spa單頁面的加載過程 首先就是html，也就是FP階段 < ?
Vue?echarts?實現離線中國地圖的示例代碼(細化到省份)
目錄 一、效果 二、完整代碼 三、一些配置說明 1. 顏色配置 2. 省份點擊事件 四、關于地圖中的 china.js 細節修改 Vue echarts 實現離線中國地圖，細化到省份 更新于 2022/09/22 找了好幾個，沒一個靠譜的，不是少了 china.js 就是其它原因不能運 ?
Vue具名插槽+作用域插槽的混合使用方法
vue + elementui 的項目中，通過后端返回的數據動態封裝表單組件。 其中有些場景： 1、有些下拉框是聯動的，例如前面的一個下拉框選擇值之后，后一個下拉框才根據前面的下拉框選擇的值加載數據； 2、有些輸入框后面跟一個圖形操作等等 上面的需求就需要用到插槽了。 這里只簡單的介紹 具 ?
從0搭建Vue3組件庫(二):Monorepo項目搭建
本篇文章是從0搭建Vue3組件庫系列文章第二篇,本篇文章將帶領大家使用pnpm搭建一個簡單的Monorepo項目,并完成包的關聯與測試 什么是 Monorepo 其實很簡單,就是一個代碼庫里包含很多的項目,而這些項目雖然是相關聯的,但是在邏輯上是獨立的,可以由不同人或者團隊來維護 為什么要用 pnp ... ?
Vue?SPA首屏加載緩慢問題如何解決
本文小編為大家詳細介紹“Vue?SPA首屏加載緩慢問題如何解決”，內容詳細，步驟清晰，細節處理妥當，希望這篇“Vue?SPA首屏加載緩慢問題如何解決”文章能幫助大家解決疑惑，下面跟著小編的思路慢慢深入，一起來學習新知識吧。 首屏加載 首屏時間（First Contentful Paint），指的是瀏 ?
Vue混入mixins分發組件可復用功能
目錄 前言 一、后端返回數據與字典數據之前的轉換 二、文件下載的混入 三、Element表格最后一行合計數據的混入 前言 那就是說，你可以單獨寫個邏輯文件，默認導出一個對象，對象里面可以包含data、created、mounted、methods 等vue模板文件中的邏輯對象。接著可以將這 ?
Vue.$nextTick的原理是什么
這篇文章主要介紹了Vue.$nextTick的原理是什么的相關知識，內容詳細易懂，操作簡單快捷，具有一定借鑒價值，相信大家閱讀完這篇Vue.$nextTick的原理是什么文章都會有所收獲，下面我們一起來看看吧。 Vue中DOM更新機制 當你氣勢洶洶地使用Vue大展宏圖 ?
ve-plus：基于 vue3.x 桌面端UI組件庫|vue3組件庫
VE-Plus 自研輕量級 vue3.js 桌面pc端UI組件庫 經過一個多月的籌劃及開發，今天給大家帶來一款全新的Vue3桌面端UI組件庫VEPlus。新增了35+常用的組件，采用vue3 setup語法糖開發，在使用上和element-ui比較類似，極易快速上手。 ve-plus 致力數據驅動視 ... ?
vue2實現directive自定義指令的封裝與全局注冊流程
目錄 前言 一、directive自定義指令介紹 二、全局注冊使用流程 1.準備好我們需要的自定義指令 2.開始在main中導入該文件完成注冊功能 3.完成了注冊功能開始使用 總結 前言 我們在使用vue框架的時候，指令基本能夠覆蓋我們平常的工作?？呻y免我們根據業務需求走總有的指令無 ?
手把手教你Vue3如何封裝組件
前言 在開發Vue3項目的過程中，我們經常會使用組件去進行復用或者用組件去簡潔index.vue文件，那什么是組件呢？如果把index.vue文件說成是一棟大樓的話，那組件就是一塊塊磚 通常我們使用的element框架里的按鈕，表格，彈窗等也算是組件，我們可以通過element文檔中的教程之間引 ?
vue-cli創建項目ERROR?in?Conflict:?Multiple?assets?emit?different?content?to?the?same?filename?index.html問題的解決辦法
目錄 Ⅰ、所遇問題簡述： 1、問題描述： 2、問題分析： Ⅱ、解決問題的兩種方案： Ⅲ、第一種方案的實施過程(即：將中文文件名修改為純英文文件名)： 1、報錯項目存在的問題： 2、問題的解決過程： 3、該方法是解決該問題的根本辦法 Ⅳ、第二種方案的實施過程(即：修改相關的 webpack ?
Vue 關鍵概念介紹
Vue現在已經迭代到 3+ 版本，閱讀官方文檔的過程中發現作者的一些理念和思路很合我口味，很多概念與方案都是基于解決實際問題提出并實現的，且在權衡利弊后勇于打破常規，比如如何看待關注點分離？?？梢?，Vue 之所以流行，不單單因為作者是國人，更應該是由于 Vue 作為新一代的解決方案提升了前端編程的體 ... ?
vue的兩種服務器端渲染方案
關于服務器端渲染方案，之前只接觸了基于react的Next.js，最近業務開發vue用的比較多，所以調研了一下vue的服務器端渲染方案。本文著重介紹兩種渲染方案。 作者：京東零售 姜欣 關于服務器端渲染方案，之前只接觸了基于react的Next.js，最近業務開發vue用的比較多，所以調 ?
在vue3項目中使用新版高德地圖的完整步驟
目錄 1. 首先你要注冊好賬號登錄 2. 獲取key和密鑰? NPM方式安裝和使用(基礎版): ???????? 按 NPM 方式安裝使用 Loader : 在頁面中通過NPM 方式安裝的使用 : 完整代碼: 地圖插件效果圖: 實例化點標記 : ?矢量圖 --> 折線: 總結 ?
VUE3中實現拖拽與縮放自定義看板vue-grid-layout詳解
Vue Grid Layout官方文檔 Vue Grid Layout中文文檔 1. npm下載拖拽縮放庫 npm install vue-grid-layout@3.0.0-beta1 --save 2.?vue3 使用 vue-grid-layout報錯：external_commonj ?
vue引用外部JS并調用JS文件中的方法實例
目錄 VUE項目中引入JS文件的幾種方法 1.在index.html頁面使用script標簽引入 2.在main.js中使用window.moduleName 使用 3.手動添加export 4. 使用import方式，把需要的js庫中的方法掛載到全局 js中調用vue中的方法 總結 VUE ?
vue2.x雙向數據綁定原理解析
目錄 前言 一、index.html文件 二、vue.js文件 1.proxy代理發生了什么？ 2.observer監聽數據 3.訂閱者Watcher 4.訂閱器Dep 5.編譯器Compiler 三、文中用到的js基礎 1.reg.exec 2.reg.test 3.RegExp.$x 4 ?