美文网首页
vuex的详解

vuex的详解

作者: 黑白说程序 | 来源:发表于2020-10-07 19:43 被阅读0次

const store =  new Vuex.Store({

 state: { //存储状态

  },

  mutations: {//修改state中的数据

  },

  actions: {//处理异步数据

  },

  modules: {

  },

getters:{//相当于computed计算属性

}

})

 state:主要是存储全局状态

 mutations:对state里的数据进行修改,里面可以定义方法,默认第一个参数是state,也可以所是全局存储的变量例如:addnum(state){ state.num}   后面也可以跟参数

当需要传递多个参数时,我们可以用另一种方式payload。type是mutations中的方法名字,

注意:

state是可以是定义任何变量名字,但是都是指向state

getters:相当于computed计算属性,他也默认第一个参数是state,如果想传参数要需要return一个函数接收参数

返回一个函数,其实就是将值直接传入函数

在getters中如果有一个方法是需要其他一个方法的值,那么可以直接吧getters作为第二个参数传入

相关文章

  • Vuex-Vue状态管理模式

    参考:Vuex详解。 1. Vuex及其作用 Vuex:是一个专为 Vue.js应用程序开发的状态管理模式。它采用...

  • vuex使用记录

    副标题:vuex使用详解、vue使用全局变量、vue使用 store 这篇博客主要记录了 vuex的使用方法,简单...

  • vuex的详解

    技术胖的vuex详解,说的很详细易懂,收藏了,觉得还是记录一下 http://jspang.com/2017/05...

  • vuex的详解

    const store = newVuex.Store({ state:{ //存储状态 }, mutations...

  • Vuex详解

    Vuex是什么 状态管理模式,将所有组件需要共享的变量全部存储在一个对象里,然后将这个对象放在顶层组件中供其他组件...

  • vuex详解

    在vue中我们通过vuex来管理状态,该值一但被修改,所有引用该值的地方都会自动更新项目的src文件下的store...

  • VUEX 详解

    为什么使用vuex 在中大型应用中,应用的各个组件间需要进行数据传递,使用传统方式繁琐且不可控 Vuex 为所有组...

  • vuex详解

    一、什么是vuex ? 答: 通俗的来说,我们可以把全局需要用到的数据【例如: 数据 a】放在vuex中,同理,v...

  • 详解VUEX

    安装vuex 安装完之后新建一个store.js文件

  • vuex 详解

    1、vuex 是什么? 集中式存储管理应用的所有组件的状态(单独出来管理共用的状态,如:token的管理等,相当于...

网友评论

      本文标题:vuex的详解

      本文链接:https://www.haomeiwen.com/subject/fmkjuktx.html