丰满爆乳无码一区二区三区,欧美RAPPER潮水抽筋,精品夜夜爽欧美毛片视频,欧美XXXXX高潮喷水

400-800-9385
網(wǎng)站建設(shè)資訊詳細(xì)

網(wǎng)站前端開發(fā)之vue中的vuex介紹

發(fā)表日期:2023-03-04 16:36:08   作者來源:river   瀏覽:1414   標(biāo)簽:網(wǎng)站前端開發(fā)    
網(wǎng)站前端開發(fā)技術(shù)vue一騎絕塵,成為前端開發(fā)的首選語言,比傳統(tǒng)前端、react更加受人喜歡,對于開發(fā)系統(tǒng)級別的應(yīng)用是非常適合使用vue的,開發(fā)企業(yè)站等邏輯簡單的網(wǎng)站,考慮到SEO和維護(hù)成本,可能還是使用傳統(tǒng)的前端適合。今天方維網(wǎng)絡(luò)給大家介紹vue中非常重要的vuex.

什么是vuex呢?

Vuex 是一個專為 Vue.js 應(yīng)用程序開發(fā)的狀態(tài)管理模式。它采用集中式存儲管理應(yīng)用的所有組件的狀態(tài),并以相應(yīng)的規(guī)則保證狀態(tài)以一種可預(yù)測的方式發(fā)生變化。

大家都知道vue是前后端分離的,我們傳統(tǒng)開發(fā)中,可以使用后端的session來存儲token、用戶名等信息,那么如果前后端分離了,就不能使用后端的session了,那么怎么辦呢?解決辦法就是vuex,相當(dāng)于后端的更高級版的session.

vuex狀態(tài)管理以下部分:

state,驅(qū)動應(yīng)用的數(shù)據(jù)源;
view,以聲明方式將 state 映射到視圖;
actions,響應(yīng)在 view 上的用戶輸入導(dǎo)致的狀態(tài)變化。

他們的關(guān)系如下圖
 

vuex關(guān)系


vuex存在的必要性

vue的data保存的state只能當(dāng)前頁面有效,子組件或者其他頁面則無效,如果有一些狀態(tài)如token、登錄信息、權(quán)限等需要全局同步的狀態(tài)則實現(xiàn)不了,那么這時候就需要使用vuex.


vuex怎么安裝呢?

很簡單,使用命令

npm install vuex --save 
或者
yarn add vuex

程序代碼中引入方法

import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex)


使用簡單示例


import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex)

const store = new Vuex.Store({
state: { count: 0 },
mutations: {
increment (state) { state.count++ } }
})

現(xiàn)在,你可以通過 store.state 來獲取狀態(tài)對象,以及通過 store.commit 方法觸發(fā)狀態(tài)變更:
store.commit('increment')

使用起來還是可以靈活多變,具體大家可以慢慢研究。
 

如沒特殊注明,文章均為方維網(wǎng)絡(luò)原創(chuàng),轉(zhuǎn)載請注明來自http://www.sdlwjx666.com/news/6707.html
淅川县| 库车县| 蓬安县| 南阳市| 肃北| 渭源县| 高安市| 马公市| 东明县| 镇雄县| 周至县| 广河县| 敦煌市| 平山县| 阜宁县| 抚州市| 长丰县| 罗山县| 华宁县| 广德县| 洞头县| 密云县| 揭阳市| 靖安县| 大姚县| 乐平市| 吉木萨尔县| 彰化市| 闽清县| 阳江市| 隆化县| 玉环县| 兰考县| 哈巴河县| 衢州市| 边坝县| 宁河县| 凤翔县| 台湾省| 弥渡县| 南雄市|