1.背景
最近在做一個(gè)單頁(yè)面的管理后臺(tái)項(xiàng)目,為了提高開(kāi)發(fā)效率,使用了Vue框架來(lái)開(kāi)發(fā)。為了使各個(gè)部分的功能,獨(dú)立結(jié)構(gòu)更加清晰,于是就拆分了很多組件,但是組件與組件之間數(shù)據(jù)共享成了一個(gè)問(wèn)題,父子組件實(shí)現(xiàn)起來(lái)相對(duì)簡(jiǎn)單,prop,$emit,$on就能搞定。除此之外,有很多兄弟組件和跨多級(jí)組件,實(shí)現(xiàn)起來(lái)過(guò)程繁瑣,在多人協(xié)同開(kāi)發(fā)上,不利于統(tǒng)一管理,于是,開(kāi)始了Vue的生態(tài)之一的Vux實(shí)踐之旅。
2.概述
每一個(gè) Vuex 應(yīng)用的核心就是 store(倉(cāng)庫(kù))?!皊tore”基本上就是一個(gè)容器,它包含著你的應(yīng)用中大部分的狀態(tài) (state)。
Vuex 和單純的全局對(duì)象有以下兩點(diǎn)不同:
1.Vuex 的狀態(tài)存儲(chǔ)是響應(yīng)式的。當(dāng) Vue 組件從 store 中讀取狀態(tài)的時(shí)候,若 store 中的狀態(tài)發(fā)生變化,那么相應(yīng)的組件也會(huì)相應(yīng)地得到高效更新;2.你不能直接改變 store 中的狀態(tài)。改變 store 中的狀態(tài)的唯一途徑就是顯式地提交 (commit) mutation。這樣使得我們可以方便地跟蹤每一個(gè)狀態(tài)的變化,從而讓我們能夠?qū)崿F(xiàn)一些工具幫助我們更好地了解我們的應(yīng)用
3.安裝使用
3.1.使用Vue-cli開(kāi)發(fā)安裝vue包
cnpm install vuex --save
標(biāo)題名稱:Vuex的初探與實(shí)戰(zhàn)小結(jié)-創(chuàng)新互聯(lián)
本文來(lái)源:http://jinyejixie.com/article26/heejg.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站改版、網(wǎng)站導(dǎo)航、微信小程序、企業(yè)網(wǎng)站制作、關(guān)鍵詞優(yōu)化、手機(jī)網(wǎng)站建設(shè)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容