tag vuex

標籤
貢獻11
74
01:34 PM · Nov 03 ,2025

@vuex / 博客 RSS 訂閱

華為雲開發者聯盟 - 一文教會你認識Vuex狀態機

摘要:簡單來説,Vuex就是實現組件全局狀態(數據)管理的一種機制,可以方便的實現組件之間數據的共享。 本文分享自華為雲社區《Vuex狀態機快速瞭解與應用》,原文作者:北極光之夜。 一. 速識概念: 1. 組件之間共享數據的方式: 通常有以下幾種方式: 父向子傳值:v-bind 屬性綁定; 子向父傳值:v-on 事件綁定; 兄弟組件之間共享數據:EventBus; 2. vuex是

vue.js , 應用 , vuex , 父子組件 , 事件

收藏 評論

北冥有鍋 - 解決Vuex刷新重置,關閉窗口重置

Vuex結合sessionStorage存儲公用的用户信息 前言 在一個系統中,我們經常會用到用户的用户名、用户手機號、用户ID等信息,可以將它們用於展示在系統中或者根據ID獲取權限之類。 因為各個頁面都需要這些公用信息,當然是存儲在store的狀態字中,登錄之後就請求遠程數據,賦值啦。 但是由於Vue是響應式的,我們存儲在store中的狀態字一旦刷新或者關閉窗口,網頁都會初始化,重置,所以得想個

sessionstorage , vuex , 前端 , Javascript

收藏 評論

Yxaw - 手寫Vue彈窗Modal

Vue作為最近最炙手可熱的前端框架,其簡單的入門方式和功能強大的API是其優點。而同時因為其API的多樣性和豐富性,所以他的很多開發方式就和一切基於組件的React不同,如果沒有對Vue的API(有一些甚至文檔都沒提到)有一個全面的瞭解,那麼在開發和設計一個組件的時候有可能就會繞一個大圈子,所以我非常推薦各位在學習Vue的時候先要對Vue核心的所有API都有一個瞭解。這篇文章我會從實踐出發,遇到一

vue-loader , react , vue.js , vuex , Javascript

收藏 評論

Hoh_Xil - 頁面刷新vuex狀態初始化

vuex五種基本對象 state:存儲狀態(變量) getters:對數據獲取之前的再次編譯,可以理解為state的計算屬性。我們在組件中使用$sotre.getters.fun() mutations:修改狀態,並且是同步的。在組件中使用$store.commit('',params)。這個和我們組件中的自定義事件類似。 actions:異步操作。在組件中使用是$store.dispa

vue.js , sessionstorage , vuex , 前端

收藏 評論

Sunshine_Lin - 新一代狀態管理工具,Pinia.js 上手指南

本文為轉載文 作者:小學生study 鏈接:https://juejin.cn/post/704919... 前言 Pinia.js 是新一代的狀態管理器,由 Vue.js團隊中成員所開發的,因此也被認為是下一代的 Vuex,即 Vuex5.x,在 Vue3.0 的項目中使用也是備受推崇。 Pinia.js 有如下特點: 完整的 typescript 的支持; 足夠輕量,壓

vue.js , vuex , 進階 , 前端

收藏 評論

big_cat - mapState / mapMutations 的使用方法

Vue 引入 Vuex // store/index.js import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) const store = new Vuex.Store({ // 模塊 modules: { user: { state: {

vuex , vux

收藏 評論

夢動 - 基於vue2.0 +vuex+ element-ui 後台管理系統

xxx金融後台管理系統 A magical vue element touzi admin. 效果演示地址 github地址 About 此項目是 vue2.0 + element-ui + node+mongodb 構建的後台管理系統,所有的數據都是從服務器實時獲取的真實數據,具有真實的註冊、登錄、數據顯示、新增數據、修改數據、刪除數據等功能。 如果對您對此項目有興趣,可以點

vue.js , vue-router , node.js , vuex , webpack2

收藏 評論

trueYann - 使用vuex4.0完成兩個組件數據的雙向綁定(實現modules模塊化)

問題場景:在優化項目的交互體驗時,想實現在左側表單輸入數據,右側篩選條件組件同步顯示輸入的功能,第一時間想到使用vuex 由於vuex升級到了4.0,語法發生了較大的變化,首先查詢官方文檔 vuex官方文檔 看到項目結構引起了我的注意,考慮到後期管理項目能更加便利,使用modules勢在必行 在store目錄下新建modules文件夾,之後的module文件都放在這個文件夾

vue.js , vuex , 模塊化開發 , 前端

收藏 評論

daivon - 基於zustand維護的一套跨框架(react/vue)跨應用的狀態管理及共享方案

zustand-pub 只要從事前端開發,不論是小程序還是web,都繞不開狀態管理。\ 眾所周知, zustand 是一套輕量、便捷、可拓展的狀態管理方案,不論國內 or 國外,都備受喜愛,star 數已接近 3W。 而 zustand-pub 則基於zustand為Iframe、微前端、Module Fedetation、模塊化、組件化等業務場景,提供跨應用、跨框架的狀態管理及狀態共享能力

vuex , redux , 前端

收藏 評論

JavaCodexPro - [開源]一款可視化提效頁面生成工具

一、簡介 基於 vue3.x 可視化拖拽編輯,頁面生成工具。提升前端開發效率,可集成至移動端項目作為通過定義 JSON 直接生成 UI 界面 項目採用了 Apache 2.0 license協議 允許自由使用:你可以自由地使用受該許可證約束的軟件,用於各種目的,包括商業應用。 源代碼可用性:通常要求在分發衍生作品時,提供相應的源代碼。這有助於確保軟件的透明度和可修改性

node.js , vuex , 前端

收藏 評論

yushulinfengdedaxiongmao - 手把手教你從零搭建Vue組件庫

  前言:      組件設計是通過對功能及視覺表達中元素的拆解、歸納、重組,並基於可被複用的目的,形成規範化的組件,通過多維度組合來構建整個設計方案,將這些組件整理在一起,便形成組件庫。本文我們主要講述基於VantCLI的自建組件庫。VantCLI是一個基於Vite實現的Vue組件庫構建工具,通過VantCLI可以快速搭建一套功能完備的Vue組件庫。      建立組件庫

vuex

收藏 評論