日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 前端技术 > vue >内容正文

vue

“约见”面试官系列之常见面试题第二十篇之vuex得理解(建议收藏)

發(fā)布時間:2023/12/9 vue 35 豆豆
生活随笔 收集整理的這篇文章主要介紹了 “约见”面试官系列之常见面试题第二十篇之vuex得理解(建议收藏) 小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.

?

一、概念

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

二、五大核心屬性

  核心屬性為:state,getter,mutation,action,module

  • state:存儲數(shù)據(jù),存儲狀態(tài);在根實例中注冊了store 后,用?this.$store.state?來訪問;對應vue里面的data;存放數(shù)據(jù)方式為響應式,vue組件從store中讀取數(shù)據(jù),如數(shù)據(jù)發(fā)生變化,組件也會對應的更新。

  • getters:可以認為是 store 的計算屬性,相當于 vue中的 computed,依賴于 state里面的值。它的返回值會根據(jù)它的依賴被緩存起來,且只有當它的依賴值發(fā)生了改變才會被重新計算。

  • mutations:用于修改狀態(tài),store里面的數(shù)僅能通過mutations里面的方法改變,但是必須是同步的。更改 vuex 的 store 中的狀態(tài)的唯一方法是提交 mutation,也就是$store.commit。

  • actions:包含任意異步操作,用它處理完后再觸發(fā)mutations來改變狀態(tài)。

  • module:將 store 分割成模塊,每個模塊都具有state、mutation、action、getter、甚至是嵌套子模塊。

三、vuex的數(shù)據(jù)傳遞流程

  當組件進行數(shù)據(jù)修改的時候我們需要調(diào)用Dispatch來觸發(fā)Actions里面的方法。

  actions里面的每個方法中都會有一個commit方法,當方法執(zhí)行的時候會通過commit來觸發(fā)mutations里面的方法進行數(shù)據(jù)的修改。  

  mutations里面的每個函數(shù)都會有一個state參數(shù),這樣就可以在mutations里面進行state的數(shù)據(jù)修改,當數(shù)據(jù)修改完畢后,會傳導給頁面。頁面的數(shù)據(jù)也會發(fā)生改變。

本面試題為前端常考面試題,后續(xù)有機會繼續(xù)完善。我是歌謠,一個沉迷于故事的講述者。

歡迎一起私信交流。

“睡服“面試官系列之各系列目錄匯總(建議學習收藏)?

總結(jié)

以上是生活随笔為你收集整理的“约见”面试官系列之常见面试题第二十篇之vuex得理解(建议收藏)的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯,歡迎將生活随笔推薦給好友。