成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

對vuex在項目中的使用

Jiavan / 2283人閱讀

摘要：前言在之前開發(fā)的過程中，對于項目中的狀態(tài)的一些保存，大部分都是在或者中保存。的核心就是倉庫包含應(yīng)用中大部分的狀態(tài)，與全局對象的有兩點不同的狀態(tài)時響應(yīng)式的。改變中狀態(tài)的唯一方法就是顯式的提交。在組件中展示的狀態(tài)。

前言 
在之前開發(fā)的過程中，對于項目中的狀態(tài)的一些保存，大部分都是
在window.localStorage、sessionStorage、或者cookie中保存。但是
兩這之間有區(qū)別的：
    vuex存儲在程序中的內(nèi)存中，應(yīng)用于組件之間的傳值(響應(yīng)式)，當(dāng)刷新頁面時vuex中
存儲的值會丟失，vuex中將state當(dāng)做全局存儲。當(dāng)刷新頁面之后，會初始化state。
對于cookie 和 session 的區(qū)別：
        參考文檔:https://www.cnblogs.com/pengc/p/8714475.html
vuex的原理 - 狀態(tài)管理模式：state應(yīng)用的數(shù)據(jù)源、view以聲明的方式將state映射到視圖上、
action響應(yīng)在view上的用戶的輸入導(dǎo)致的變化。（參考官方文檔：https://vuex.vuejs.org/zh）
vuex中當(dāng)多個組件共享組件時，多個視圖依賴同一個狀態(tài)；來自不同視圖的行為需要變更同
一個狀態(tài)。因此把組件共享的狀態(tài)提取出來，以一個全局單例模式管理。 
vuex的核心就是store(倉庫),包含應(yīng)用中大部分的狀態(tài)，與全局對象的有兩點不同:
    1、vuex的狀態(tài)時響應(yīng)式的。當(dāng)vue組件從store中讀取狀態(tài)時，如果store中的
    狀態(tài)發(fā)生變化，那么相應(yīng)的組件也會更新。
    2、改變store中狀態(tài)的唯一方法就是顯式的提交(commit)mutation。這樣我們可
    以方便跟蹤每一個狀態(tài)的變化。
基本概念：
    state:用一個對象包含所有的應(yīng)用層級狀態(tài)，也就是把所有需要用到的狀態(tài)在這里先聲明一下。
    在組件中展示state的狀態(tài)。由于vuex的狀態(tài)存儲是響應(yīng)式的，從store實例中讀取狀態(tài)量，
    最簡單的方法是在"計算屬性中"返回某個狀態(tài):

下面給出在vuex中模塊化使用的方法：

在src目錄結(jié)構(gòu)下新建store狀態(tài)文件，里面包含store.js(包含多個store模塊，登錄模塊、網(wǎng)路請求模塊)、
types.js(使用常量作為函數(shù)名，方便以后維護)。
下面看看store.js中對登錄模塊的封裝：

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/108307.html

相關(guān)文章

  • vue開發(fā)微信商城項目總結(jié)之六--關(guān)于vuex的思考

    先對項目進行一下簡單的介紹 vue開發(fā)微信商城項目總結(jié)之一–項目介紹 項目開發(fā)初期，由于項目比較著急上線，前端的框架在選型上比較倉促，只是因為vue學(xué)習(xí)成本較低，就選了它，沒有什么別的原因， 之前看過angular2一段時間，又趁著周末看了兩天vue，就倉促開發(fā)，所以埋下了很多坑，項目（項目目前沒有對游客開放，是2B2C的模式）上線后，回頭填坑，發(fā)現(xiàn)了很多問題，因為之前一直是基于Jquery模式的...

    PrototypeZ 評論0 收藏0

  • 對vuex在項目中的使用

    摘要：前言在之前開發(fā)的過程中，對于項目中的狀態(tài)的一些保存，大部分都是在或者中保存。的核心就是倉庫包含應(yīng)用中大部分的狀態(tài)，與全局對象的有兩點不同的狀態(tài)時響應(yīng)式的。改變中狀態(tài)的唯一方法就是顯式的提交。在組件中展示的狀態(tài)。 前言 在之前開發(fā)的過程中，對于項目中的狀態(tài)的一些保存，大部分都是 在window.localStorage、sessionStorage、或者cookie中保存。但是 兩這之間...

    zzbo 評論0 收藏0

  • Vuex — The core of Vue application

    摘要：個人看來，一個狀態(tài)管理的應(yīng)用，無論是使用，還是，最困難的部分是在的設(shè)計。中，并沒有移除，而是改為用于觸發(fā)。也是一個對象，用于注冊，每個都是一個用于返回一部分的。接受一個數(shù)組或?qū)ο螅鶕?jù)相應(yīng)的值將對應(yīng)的綁定到組件上。 系列文章: Vue 2.0 升（cai）級（keng）之旅 Vuex — The core of Vue application (本文) 從單頁應(yīng)用(SPA)到服務(wù)器...

    Aldous 評論0 收藏0

  • vue 項目實戰(zhàn) (vue全家桶之--- vuex)

    摘要：官方文檔對的解讀是是一個專為應(yīng)用程序開發(fā)的狀態(tài)管理模式。而就是為了解決這樣的問題，把組件的共享狀態(tài)抽取出來，以一個全局單例模式管理。我們還可以傳入?yún)?shù)傳入一個對象可以修改中的狀態(tài)，但是并不是說隨隨便便修改的比如說老規(guī)矩先安裝 npm install vuex --save 在看下面內(nèi)容之前 你應(yīng)該大概的看了一邊vuex官方的文檔對vuex有個大概對了解 首先 vuex 是什么？ vuex...

    番茄西紅柿 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<