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

132.Каковы принципы структуры приложения vuex?

Vuex применяет следующие правила для структурирования любого приложения.
Состояние уровня приложения централизовано в хранилище.
Единственный способ изменить состояние - это совершить мутации, которые являются синхронными транзакциями.
Асинхронная логика должна быть инкапсулирована и может состоять из действий.
Структура проекта для любого нетривиального приложения будет такой, как показано ниже:

133.Поддерживает ли Vuex горячую перезагрузку?

Да, vuex поддерживает горячую перезагрузку мутаций, модулей, действий и получателей во время разработки. Вам необходимо использовать либо API замены горячего модуля webpack, либо плагин замены горячего модуля browserify.

134.Какова цель hotUpdate API магазина vuex?

Метод API store.hotUpdate () используется для мутаций и модулей.

Например, вам нужно настроить хранилище vuex, как показано ниже,

// store.js
import Vue from 'vue'
import Vuex from 'vuex'
import mutations from './mutations'
import myModule from './modules/myModule'

Vue.use(Vuex)

const state = { message: "Welcome to hot reloading" }

const store = new Vuex.Store({

state,
mutations,
modules: {
moduleA: myModule
}
})

if (module.hot) {

// принимать действия и мутации как горячие модули
module.hot.accept(['./mutations', './modules/newMyModule'], () => {
//Получите обновленные модули
const newMutations = require('./mutations').default
const newMyModule = require('./modules/myModule').default
//поменять местами новые модули и мутации
store.hotUpdate({
mutations: newMutations,
modules: {
moduleA: newMyModule
}
})
})
}

135.Как вы проверяете мутации?

Поскольку мутации - это просто функции, которые полностью полагаются на свои аргументы, их будет легче протестировать. Вам необходимо сохранить мутации в файле store.js, а также экспортировать мутации как именованный экспорт, помимо экспорта по умолчанию.

Давайте возьмем пример инкрементных мутаций,

// mutations.js
export const mutations = {
increment: state => state.counter++
}
//И протестируйте их, используя mocha и chai, как показано ниже.
// mutations.spec.js
import { expect } from 'chai'
import { mutations } from './store'

// деструктурировать присваивание `мутаций`

const { increment } = mutations

describe('mutations', () => {

it('INCREMENT', () => {
//ложное состояние
const state = { counter: 10 }
// применить мутацию
increment(state)
// утверждать результат
expect(state.counter).to.equal(11)
})
})