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

資訊專欄INFORMATION COLUMN

對(duì)vuex在項(xiàng)目中的使用

zzbo / 3602人閱讀

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

前言 
在之前開(kāi)發(fā)的過(guò)程中，對(duì)于項(xiàng)目中的狀態(tài)的一些保存，大部分都是
在window.localStorage、sessionStorage、或者cookie中保存。但是
兩這之間有區(qū)別的：
    vuex存儲(chǔ)在程序中的內(nèi)存中，應(yīng)用于組件之間的傳值(響應(yīng)式)，當(dāng)刷新頁(yè)面時(shí)vuex中
存儲(chǔ)的值會(huì)丟失，vuex中將state當(dāng)做全局存儲(chǔ)。當(dāng)刷新頁(yè)面之后，會(huì)初始化state。
對(duì)于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)多個(gè)組件共享組件時(shí)，多個(gè)視圖依賴同一個(gè)狀態(tài)；來(lái)自不同視圖的行為需要變更同
一個(gè)狀態(tài)。因此把組件共享的狀態(tài)提取出來(lái)，以一個(gè)全局單例模式管理。 
vuex的核心就是store(倉(cāng)庫(kù)),包含應(yīng)用中大部分的狀態(tài)，與全局對(duì)象的有兩點(diǎn)不同:
    1、vuex的狀態(tài)時(shí)響應(yīng)式的。當(dāng)vue組件從store中讀取狀態(tài)時(shí)，如果store中的
    狀態(tài)發(fā)生變化，那么相應(yīng)的組件也會(huì)更新。
    2、改變store中狀態(tài)的唯一方法就是顯式的提交(commit)mutation。這樣我們可
    以方便跟蹤每一個(gè)狀態(tài)的變化。
基本概念：
    state:用一個(gè)對(duì)象包含所有的應(yīng)用層級(jí)狀態(tài)，也就是把所有需要用到的狀態(tài)在這里先聲明一下。
    在組件中展示state的狀態(tài)。由于vuex的狀態(tài)存儲(chǔ)是響應(yīng)式的，從store實(shí)例中讀取狀態(tài)量，
    最簡(jiǎn)單的方法是在"計(jì)算屬性中"返回某個(gè)狀態(tài):

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

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

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

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

相關(guān)文章

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

    先對(duì)項(xiàng)目進(jìn)行一下簡(jiǎn)單的介紹 vue開(kāi)發(fā)微信商城項(xiàng)目總結(jié)之一–項(xiàng)目介紹 項(xiàng)目開(kāi)發(fā)初期，由于項(xiàng)目比較著急上線，前端的框架在選型上比較倉(cāng)促，只是因?yàn)関ue學(xué)習(xí)成本較低，就選了它，沒(méi)有什么別的原因， 之前看過(guò)angular2一段時(shí)間，又趁著周末看了兩天vue，就倉(cāng)促開(kāi)發(fā)，所以埋下了很多坑，項(xiàng)目（項(xiàng)目目前沒(méi)有對(duì)游客開(kāi)放，是2B2C的模式）上線后，回頭填坑，發(fā)現(xiàn)了很多問(wèn)題，因?yàn)橹耙恢笔腔贘query模式的...

    PrototypeZ 評(píng)論0 收藏0

  • 對(duì)vuex在項(xiàng)目中的使用

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

    Jiavan 評(píng)論0 收藏0

  • Vuex — The core of Vue application

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

    Aldous 評(píng)論0 收藏0

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

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

    番茄西紅柿 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<