資訊專欄INFORMATION COLUMN
摘要：事先將狀態(tài)更新的規(guī)則寫好，然后將規(guī)則注入到組件中，然后狀態(tài)按照預(yù)訂的規(guī)則來進行更新。主動型和被動型規(guī)則內(nèi)置了這幾種常見的規(guī)則，除了規(guī)則外，其他都是屬于主動型更新規(guī)則，在達到一定的條件上會自動觸發(fā)狀態(tài)更新。
Vuet.js是什么？
Vuet.js是給Vue.js提供狀態(tài)管理的一個工具，與vuex不同，它是一種崇尚規(guī)則定制的狀態(tài)管理模式。事先將狀態(tài)更新的規(guī)則寫好，然后將規(guī)則注入到組件中，然后狀態(tài)按照預(yù)訂的規(guī)則來進行更新。
github:Vuet.js
Vuet.js內(nèi)置了life、manual、need、once、route這幾種常見的規(guī)則，除了manual規(guī)則外，其他都是屬于主動型更新規(guī)則，在達到一定的條件上會自動觸發(fā)狀態(tài)更新。
life描述: 每次都會在組件的beforeCreate鉤子中調(diào)用一次更新，組件銷毀時在destroyed鉤子，狀態(tài)會被重置，恢復(fù)到初始狀態(tài)
在一個父組件中，想和自己的子子組件進行通信，但是又不希望父組件銷毀之后，原來的狀態(tài)還在，life規(guī)則就是專門針對這種場景的，在組件銷毀時，模塊的狀態(tài)也會隨之恢復(fù)到初始狀態(tài)
manual規(guī)則允許將各種更新模塊狀態(tài)的方法集中起來管理，等待用戶來手動觸發(fā)對應(yīng)的模塊更新，比如記錄用戶點擊一個按鈕的次數(shù)：
{{ count }}
通過上面的代碼，就可以得知Vuet.js是天然的支持多組件進行通信，總之它是簡單的，敏捷的。manual規(guī)則默認以$模塊名稱將方法集合注入到組件中，使得代碼在閱讀方面會更友好，更通俗易懂，同時代碼也會更優(yōu)雅。
need描述: 每次都會在組件的beforeCreate鉤子中調(diào)用一次更新
比如有一個消息的數(shù)量，我希望每次打開消息頁面的時候，消息數(shù)量都能自動更新，這種場景使用need規(guī)則就再合適不過了
描述: 僅第一次在組件的beforeCreate鉤子中調(diào)用一次更新，之后在任何組件都不會再進行更新
比如你A、B、C三個頁面，都需要選擇省市區(qū)，而這些數(shù)據(jù)幾乎是不可變的，所以之后就沒有再必要進行更新了。once的規(guī)則就能幫你節(jié)省了不必要的請求，幫你優(yōu)化程序
哈哈，這個篇幅有點大，等下次專門開篇文章進行講解。
總結(jié)vuet允許你將有規(guī)律的狀態(tài)更新，封裝成一種規(guī)則，從而提升你的開發(fā)效率，比如說需要定時向服務(wù)器更新消息，這也是一種規(guī)則，下次有時間，我們可以專門寫這樣的一個規(guī)則。
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/83683.html
摘要：前端日報精選漫談函數(shù)式編程一十年蹤跡的博客前端每周清單的優(yōu)勢與劣勢有望超越在嵌入式及物聯(lián)網(wǎng)的應(yīng)用現(xiàn)狀進階系列高階組件詳解一前端之路譯如何充分利用控制臺掘金程序猿升級攻略眾成翻譯中文譯如何充分利用控制臺掘金前端從強制開啟壓縮探 2017-06-27 前端日報 精選 漫談 JS 函數(shù)式編程（一） - 十年蹤跡的博客前端每周清單： Vue的優(yōu)勢與劣勢；Node.js有望超越Java；JS在嵌...
摘要：前言從發(fā)布之后，陸陸續(xù)續(xù)做了七八個項目，摸索出來了一套自己的狀態(tài)管理模式，我將之稱為。其實自帶的規(guī)則能夠支持同時記錄全局滾動條自身的滾動條，這樣就能大大的提升了我們的用戶體驗例子源碼官方 前言 從Vue.js 2.x發(fā)布之后，陸陸續(xù)續(xù)做了七八個項目，摸索出來了一套自己的狀態(tài)管理模式，我將之稱為Vuet。它以規(guī)則來驅(qū)動狀態(tài)更新，它帶來的是開發(fā)效率上的飆升，它就像草原，而你是野馬，任你隨意...
摘要：前言本來只是想寫個實現(xiàn)登錄退出的例子的，但是又覺得這樣干貨太少。哈哈，不小心被嚇到了吧，其實這些都是有辦法可以解決的，下次有機會，我們可以再討論一下使用的正確姿勢。 前言 本來只是想寫個Vuet實現(xiàn)登錄退出的例子的，但是又覺得這樣干貨太少。一個好的開源項目，少不了單元測試和e2e測試，為了保證Vuet教程的豐富性和程序的穩(wěn)定性，所以我選擇了寫的例子即能當(dāng)教程使用，也可以用于測試，豐富的...
閱讀 2219·2021-11-19 09:40
閱讀 1932·2021-11-08 13:24
閱讀 2463·2021-10-18 13:24
閱讀 2867·2021-10-11 10:57
閱讀 3592·2021-09-22 15:42
閱讀 1127·2019-08-29 17:11
閱讀 2538·2019-08-29 16:11
閱讀 2430·2019-08-29 11:11
