Solía hacer AngularJS y ahora quiero intentar trabajar con Vue.js
Pero tengo una pregunta simple: ¿cuál es la mejor manera de usar y acceder a los estados? Vi tantas soluciones en Google pero no puedo encontrar cuál es la mejor para un principiante.
Solía usar estados como este:
$state.go('homework', { homework: homework.homework});¿Me puede dar un ejemplo de este código en Vue? Básicamente, ve a la tarea y dale una tarea.
En Vue.js funciona con Vuex , la biblioteca de gestión. Puede encontrar una documentación para la gestión del estado en Vue.js aquí o para Vuex aquí .
Ejemplo de la documentación de Vuex :
const store = new Vuex.Store({ state: { count: 0 }, mutations: { increment (state) { state.count++ } } }) Usa tu tienda Vuex en tu app:
new Vue({ el: '#app', store })Accede a tu estado en un componente:
this.$store.state.count Cambie el estado de acuerdo con el ejemplo ( state.count++) :
this.$store.commit('increment')Editar:
Para completar la respuesta con un ejemplo para su pregunta. Declarar
const store = new Vuex.Store({ state: { homework: "Example" }, mutations: { setNewHomework (state, newHomework) { state.homework = newHomework } } }) Establecer un nuevo estado para la homework :
this.$store.commit('setNewHomework', 'New Homework')Con $state.go creo que estás usando ui-router . En ese caso, debe consultar Vue Router . Funciona bastante parecido.