vuex與組件聯(lián)合使用的方法

發(fā)布時間：2020-10-25 12:59:49 來源：腳本之家閱讀：192 作者：迪迪的博客欄目：web開發(fā)

官方定義： Vuex 是一個專為 Vue.js 應(yīng)用程序開發(fā)的狀態(tài)管理模式。我的理解就是，vuex就是前端的數(shù)據(jù)庫。

1、首先核心是store，是個倉庫，包含著state，因此第一步需要新建一個store。

顯示界面：

vuex與組件聯(lián)合使用的方法

其中state就是倉庫store，東西都存在這里。

2、從state中取數(shù)據(jù)，使用Lodash比較方便，語法如下：

vuex與組件聯(lián)合使用的方法

也可以使用vuex的getters，語法;

vuex與組件聯(lián)合使用的方法

官方文檔還結(jié)束通過屬性訪問，通過方法訪問等。https://vuex.vuejs.org/zh-cn/getters.html

3、向vuex中存數(shù)據(jù)。使用mutation，更改 Vuex 的 store 中的狀態(tài)的唯一方法是提交 mutation。

語法： vuex與組件聯(lián)合使用的方法

組件中語法： vuex與組件聯(lián)合使用的方法

其接受兩個參數(shù)，一個是state，另外一個是荷載（也就是你想傳的任何值，以對象形式）如：

vuex與組件聯(lián)合使用的方法

上面例子中，‘open_table_layer'是個方法，這個方法接受的參數(shù)是1：state， 2：傳入的{index：。。。。。}（上圖）

方法語法;

vuex與組件聯(lián)合使用的方法

總結(jié)

以上所述是小編給大家介紹的vuex與組件聯(lián)合使用的方法，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對億速云網(wǎng)站的支持！

向AI問一下細節(jié)

猜你喜歡