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

5f0d552i  于 2022-10-31  发布在  Angular
关注(0)|答案(2)|浏览(153)

我以前做AngularJS,现在我想尝试使用Vue.js
但我有一个简单的问题:什么是使用和访问状态的最佳方式?我在Google上看到了很多解决方案,但我找不到哪一个是最适合初学者的。
我过去常常这样使用状态:

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

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

ukqbszuj

ukqbszuj1#

Vue.js中,它与Vuex(管理库)一起工作。您可以在Vue.jshere或和Vuexhere中找到状态管理的文档。
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')
jogvjijk

jogvjijk2#

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

相关问题