在 Vue.js 中使用 $state 的最佳方式是什么？

Question

我曾经做过AngularJS ，现在我想尝试使用Vue.js

但我有一个简单的问题：使用和访问状态的最佳方式是什么？ 我在 Google 上看到了很多解决方案，但我找不到哪个最适合初学者。

我曾经使用过这样的状态：

$state.go('homework', { homework: homework.homework});

你能给我一个Vue中这段代码的例子吗？ 基本上，去做作业，给他做作业。

Answer 1

在Vue.js ，它与管理库Vuex一起使用。 您可以在此处找到Vuex中的状态管理文档，也可以在此处找到Vue.js的文档。

Vuex文档中的示例：

const store = new Vuex.Store({
  state: {
    count: 0
  },
  mutations: {
    increment (state) {
      state.count++
    }
  }
})

在您的应用程序中使用您的Vuex商店：

new Vue({
  el: '#app',
  store
})

在组件中访问您的状态：

this.$store.state.count

根据示例更改状态（ state.count++) ：

this.$store.commit('increment')

---

编辑：

用你的问题的例子来完成答案。 宣布

const store = new Vuex.Store({
  state: {
    homework: "Example"
  },
  mutations: {
    setNewHomework (state, newHomework) {
      state.homework = newHomework
    }
  }
})

为homework设置新状态：

this.$store.commit('setNewHomework', 'New Homework')

Answer 2

使用$state.go我相信您正在使用ui-router 。 在这种情况下，您应该查看Vue Router 。 它的工作原理非常相似。