Vue 入門(mén)(二)—— 核心概念和簡(jiǎn)單示例

一、store(倉(cāng)庫(kù))
包含 state 和 mutations,通過(guò)提交(commit) mutations 改變 state

二、state(狀態(tài))
Vuex 使用 單一狀態(tài)樹(shù) —— 是的,用一個(gè)對(duì)象就包含了全部的應(yīng)用層級(jí)狀態(tài)
問(wèn)題:如何在Vue 組件中獲得 Vuex 狀態(tài)?(https://vuex.vuejs.org/zh-cn/state.html

三、getters
可以認(rèn)為是 store 的計(jì)算屬性,接受 state 作為其第一個(gè)參數(shù),使用 store.getters 或者 this.$store.getters 獲取。

四、mutations
有一個(gè)字符串的 事件類型 (type) 和 一個(gè) 回調(diào)函數(shù) (handler),回調(diào)函數(shù)會(huì)接受 state 作為第一個(gè)參數(shù),傳入 payload 當(dāng)?shù)诙€(gè)參數(shù),payload是一個(gè)對(duì)象。

五、action
類似于 mutation,不同在于:
Action 提交的是 mutation,而不是直接變更狀態(tài)。
Action 可以包含任意異步操作。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 安裝 npm npm install vuex --save 在一個(gè)模塊化的打包系統(tǒng)中,您必須顯式地通過(guò)Vue.u...
    蕭玄辭閱讀 3,038評(píng)論 0 7
  • 本文為轉(zhuǎn)載,原文:Vue學(xué)習(xí)筆記進(jìn)階篇——vuex核心概念 前言 本文將繼續(xù)上一篇 vuex文章 ,來(lái)詳細(xì)解讀一下...
    ChainZhang閱讀 1,705評(píng)論 0 13
  • Vuex是什么? Vuex 是一個(gè)專為 Vue.js應(yīng)用程序開(kāi)發(fā)的狀態(tài)管理模式。它采用集中式存儲(chǔ)管理應(yīng)用的所有組件...
    蕭玄辭閱讀 3,232評(píng)論 0 6
  • State 單一狀態(tài)樹(shù) Vuex 使用單一狀態(tài)樹(shù)——是的,用一個(gè)對(duì)象就包含了全部的應(yīng)用層級(jí)狀態(tài)。至此它便作為一個(gè)“...
    peng凱閱讀 739評(píng)論 2 0
  • vuex 場(chǎng)景重現(xiàn):一個(gè)用戶在注冊(cè)頁(yè)面注冊(cè)了手機(jī)號(hào)碼,跳轉(zhuǎn)到登錄頁(yè)面也想拿到這個(gè)手機(jī)號(hào)碼,你可以通過(guò)vue的組件化...
    sunny519111閱讀 8,163評(píng)論 4 111

友情鏈接更多精彩內(nèi)容