Что такое VueJS? Каковы основные особенности VueJS? 6

142.Как вы изменяете состояние в плагинах?

Как и в случае с компонентами, вы не можете изменять состояние напрямую, но они могут запускать изменения, совершая мутации. Таким образом можно использовать плагин для синхронизации источника данных с магазином.

Например, плагин createWebSocketPlugin используется для синхронизации источника данных веб-сокета с магазином.

export default function createWebSocketPlugin (socket) {
return store => {
socket.on('data', data => {
store.commit('receiveData', data)
})
store.subscribe(mutation => {
if (mutation.type === 'UPDATE_DATA') {
socket.emit('update', mutation.payload)
}
})
}
}
А затем настройте плагин в магазине vuex, как показано ниже.

const plugin = createWebSocketPlugin(socket)

const store = new Vuex.Store({

state,
mutations,
plugins: [plugin]
})

143.Что такое хранилище vuex?

«Хранилище» Vuex - это, по сути, контейнер, в котором хранится состояние вашего приложения. Создать хранилище довольно просто.

Ниже приведен список инструкций по использованию vuex в приложении приращения.

Настроить vuex в экосистеме vuejs
import Vuex from "vuex";
Vue.use(Vuex)
//Введите объект начального состояния и некоторые мутации
//Обязательно сначала вызовите Vue.use (Vuex), если используете модульную систему

const store = new Vuex.Store({

state: {
count: 0
},
mutations: {
increment (state) {
state.count++
}
}
})
Изменение состояния триггера с помощью переменных состояния фиксации и доступа,
store.commit('increment')

console.log(store.state.count) // -> 1

144.В чем разница между хранилищем vuex и простым глобальным объектом?

Ниже приведены два основных различия между хранилищем vuex и обычным глобальным объектом.

Хранилища Vuex являются реактивными: если состояние хранилища изменяется, компоненты vue будут реагировать и эффективно обновляться.

Невозможно напрямую изменить состояние хранилища: состояние хранилища изменяется путем явной фиксации мутаций, чтобы гарантировать, что каждое изменение состояния оставляет отслеживаемую запись для инструментов