Vue如何利用Vuex实现跨组件状态管理

利用Vuex,将 state 定义在 store 中,组件通过 dispatch mutation 的方式操作 state。下面编程教程网小编给大家简单介绍一下具体实现代码!

具体代码示例如下:

js
// store  
state: { count: 0 } 

// 组件 1
methods: {
  increment() {
    this.$store.commit('increment')
  }
}

// 组件 2  
computed: {
  count() {
    return this.$store.state.count 
  }  
}
以上是编程学习网小编为您介绍的“Vue如何利用Vuex实现跨组件状态管理”的全面内容,想了解更多关于 vuejs 内容,请继续关注编程基础学习网。

本文标题为:Vue如何利用Vuex实现跨组件状态管理

基础教程推荐