VueX获取数据和修改数据

一。首先是获取数据,两种方式

第一种。。。获取

VueX获取数据和修改数据_第1张图片

然后这里是使用

第二种获取的方式呢!!!

VueX获取数据和修改数据_第2张图片

 

然后页面的使用也是直接使用this.属性使用,

还有一中方是就是直接使用this.$store.state.属性,获取里面的值,

关于修改也有两种方法;

第一种直接使用this.$store.commit('自定义的方法”,参数)进行修改, 

第二种:Mutations 方法需要  在methods里面进行解构,当然 也需要向引入mapState 一样 

然后修改使用 (需要修改的参数),当然这种方法需要自定义一个专门处理修改的statel里面对应的属性的值

 

 

aciton 方法使用

使用store.dispatch(方法,参数) 和使用mutations方式一样,或者 stroe.dispatch({

type:'方法名称',

需要改变的参数名称:需要改变的值

})

 

VueX获取数据和修改数据_第3张图片

你可能感兴趣的:(Vue)