手机版

结合组件使用vuex的方法

时间:2021-08-31 来源:互联网 编辑:宝哥软件园 浏览:

官方定义:Vuex是专门为Vue.js应用开发的状态管理模式。我的理解是vuex是前端数据库。

1.首先,核心是store,它是一个仓库,包含状态,所以第一步是创建一个新的store。

显示界面:

其中,商店就是仓库,一切都存在于此。

2.使用Lodash从状态中获取数据非常方便。语法如下:

您也可以使用getters,vuex的语法;

官方文档还通过属性结束访问,通过方法结束访问,等等。https://vuex.vuejs.org/zh-cn/getters.html

3.在vuex中存储数据。有了突变,改变Vuex商店状态的唯一方法就是进行突变。

语法:

组件中的语法:

它接受两个参数,一个是state,另一个是load(也就是您想要传递的任何值,以对象的形式),例如:

在上例中,“open _ table _ layer”是一个方法,该方法接受的参数为1: state,2:传入{index:}(上图)

方法语法;

摘要

以上是vuex和边肖引进的元器件联合使用的方法。希望对大家有帮助。如果你有任何问题,请给我留言,边肖会及时回复你。非常感谢您对我们网站的支持!

版权声明:结合组件使用vuex的方法是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。