1.新建一個文件夾store 2.新建文件[name].ts 3.定義倉庫Store 4.我們需要知道存儲是使用定義的defineStore()，并且它需要一個唯一的名稱，作...
發(fā)簡信
IP屬地：江蘇
-
學(xué)習(xí)Pinia 第二章（初始化倉庫Store）
-
學(xué)習(xí)Pinia 第一章（介紹Pinia）
前言 全局狀態(tài)管理工具Pinia.js 有如下特點： 完整的 ts 的支持； 足夠輕量，壓縮后的體積只有1kb左右; 去除 mutations，只有 state，getter...
-
Vue 常見問題匯總及解決方案
1. 安裝超時(install timeout) 方案有這么些:cnpm : 國內(nèi)對npm的鏡像版本 yarn 和 npm 改源大法 2. 安裝一些需要編譯的包:提示沒有安裝...
-
Vue3 這樣子寫頁面更快更高效
前言 在開發(fā)管理后臺過程中，一定會遇到不少了增刪改查頁面，而這些頁面的邏輯大多都是相同的，如獲取列表數(shù)據(jù)，分頁，篩選功能這些基本功能。而不同的是呈現(xiàn)出來的數(shù)據(jù)項。還有一些操作...
-
Vue 開發(fā)技巧
1. 路由參數(shù)解耦 通常在組件中使用路由參數(shù)，大多數(shù)人會做以下事情。 在組件中使用 $route 會導(dǎo)致與其相應(yīng)路由的高度耦合，通過將其限制為某些 URL 來限制組件的靈活性...
-
學(xué)習(xí)TypeScript22（實戰(zhàn)TS編寫發(fā)布訂閱模式）概述 什么是發(fā)布訂閱模式，其實小伙伴已經(jīng)用到了發(fā)布訂閱模式例如addEventListener，Vue eventBus都屬于發(fā)布訂閱模式簡單來說就是 你要和 大傻 二傻 三...
-
Webpack 設(shè)計理念
一、前言 Webpack 一直都是有些人的心魔，不清楚原理是什么，不知道怎么去配置，只會基本的 API 使用。它就像一個黑盒，讓部分開發(fā)者對它望而生畏。大家之所以認(rèn)為 Web...
-
加 3 行代碼減少 80% 構(gòu)建時間
優(yōu)化思路分析 要優(yōu)化項目的構(gòu)建速度，得先了解構(gòu)建流程： 開發(fā)人員推送代碼到 Gitlab，觸發(fā) Gitlab 服務(wù)器的 Push Events Push Events被觸發(fā)后...
-
Vue3_32（Scoped和樣式 穿透）
主要是用于修改很多vue常用的組件庫（element, vant, AntDesigin），雖然配好了樣式但是還是需要更改其他的樣式就需要用到樣式穿透scoped的原理vue...
-
Vue3_31（UI庫ElementUI，AntDesigin）
Element UI Plus 安裝方法 main.ts引入 volar插件支持 Ant Design Vue 安裝 main.ts引入
-
Vue3_30（編寫Vue3插件）
插件 插件是自包含的代碼，通常向 Vue 添加全局級功能。你如果是一個對象需要有install方法Vue會幫你自動注入到install 方法 你如果是function 就直接...
-
Vue3_29（定義全局函數(shù)和變量）
globalProperties 由于Vue3 沒有Prototype 屬性 使用 app.config.globalProperties 代替 然后去定義變量和函數(shù)Vue2...
-
Vue3_28（自定義Hooks）
Vue3 自定義Hook主要用來處理復(fù)用代碼邏輯的一些封裝這個在vue2 就已經(jīng)有一個東西是Mixinsmixins就是將這些多個相同的邏輯抽離出來，各個組件只需要引入mix...
-
Vue3_27（自定義指令directive）
1.Vue3指令的鉤子函數(shù) created 元素初始化的時候 beforeMount 指令綁定到元素后調(diào)用 只調(diào)用一次 mounted 元素插入父級dom調(diào)用 beforeU...
-
Vue3_26（深入v-model）
Vue3自動引入插件 unplugin-auto-import/vitevite配置 配置完成之后使用ref reactive watch 等 無須import 導(dǎo)入 可以直...
-
Vue3_25（TSX）
我們之前呢是使用Template去寫我們模板?，F(xiàn)在可以擴(kuò)展另一種風(fēng)格TSX風(fēng)格vue2 的時候就已經(jīng)支持jsx寫法，只不過不是很友好，隨著vue3對typescript的支持...
-
Vue3_24（兄弟組件傳參和Bus）
1. 借助父組件傳參 例如父組件為App 子組件為A 和 B他兩個是同級的 A 組件派發(fā)事件通過App.vue 接受A組件派發(fā)的事件然后在Props 傳給B組件 也是可以實現(xiàn)...
-
Vue3_23（依賴注入Provide / Inject）Provide / Inject 通常，當(dāng)我們需要從父組件向子組件傳遞數(shù)據(jù)時，我們使用 props。想象一下這樣的結(jié)構(gòu)：有一些深度嵌套的組件，而深層的子組件只需要父組件的部分...
-
Vue3_22（transition-group過度列表）
單個節(jié)點 多個節(jié)點，每次只渲染一個 那么怎么同時渲染整個列表，比如使用 v-for？在這種場景下，我們會使用 組件。在我們深入例子之前，先了解關(guān)于這個組件的幾個特點： 默...
-
Vue3_21（transition動畫組件）
Vue 提供了 transition 的封裝組件，在下列情形中，可以給任何元素和組件添加進(jìn)入/離開過渡: 條件渲染 (使用 v-if) 條件展示 (使用 v-show) 動態(tài)...