我以前做AngularJS,现在我想尝试使用Vue.js。但我有一个简单的问题:什么是使用和访问状态的最佳方式?我在Google上看到了很多解决方案,但我找不到哪一个是最适合初学者的。我过去常常这样使用状态:
AngularJS
Vue.js
$state.go('homework', { homework: homework.homework});
你能给予我一个Vue中这段代码的例子吗?基本上,去做作业,给他做作业。
ukqbszuj1#
在Vue.js中,它与Vuex(管理库)一起工作。您可以在Vue.jshere或和Vuexhere中找到状态管理的文档。Vuex文档中的示例:
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++):
state.count++)
this.$store.commit('increment')
编辑:用一个例子来补充你的问题。声明
const store = new Vuex.Store({ state: { homework: "Example" }, mutations: { setNewHomework (state, newHomework) { state.homework = newHomework } } })
为homework设置新状态:
homework
this.$store.commit('setNewHomework', 'New Homework')
jogvjijk2#
对于$state.go,我相信您使用的是ui-router。在这种情况下,您应该检查Vue Router。它的工作原理非常相似。
$state.go
ui-router
Vue Router
2条答案
按热度按时间ukqbszuj1#
在
Vue.js
中,它与Vuex
(管理库)一起工作。您可以在Vue.js
here或和Vuex
here中找到状态管理的文档。Vuex
文档中的示例:在您的应用中使用您的
Vuex
商店:访问组件中的状态:
根据示例更改状态(
state.count++)
:编辑:
用一个例子来补充你的问题。声明
为
homework
设置新状态:jogvjijk2#
对于
$state.go
,我相信您使用的是ui-router
。在这种情况下,您应该检查Vue Router
。它的工作原理非常相似。