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

177.Когда вы повторно используете модули?

Иногда вам может потребоваться создать несколько экземпляров модуля.

Например, это необходимо в следующих случаях:

Если несколько магазинов используют один и тот же модуль
Зарегистрируйте один и тот же модуль несколько раз в одном магазине.
В этих случаях вам необходимо присвоить переменной и экспортировать ее для повторного использования, javascript const MyReusableModule = { // state // mutations, actions, getters... }

178.Какие принципы соблюдаются в vuex?

Vuex обеспечивает соблюдение принципов нижнего уровня,
Состояние уровня приложения должно быть централизовано в магазине.
Состояние должно быть изменено только путем фиксации мутаций (т. Е. Для синхронных транзакций).
Действия следует использовать для асинхронных транзакций.

179.Могу ли я выполнять мутации напрямую в строгом режиме?

В строгом режиме вы не можете изменять состояние напрямую с помощью v-modelатрибута. Если вы используете v-модель, это вызывает ошибку, потому что мутация не выполняется внутри явного обработчика мутации Vuex.

Например, приведенный ниже ввод выдает ошибку из-за использования v-модели.

В этом случае вам нужно привязать значение. Это можно решить с помощью атрибута value, как показано ниже,

computed: {

...mapState({
username: state => state.user.username
})
},
methods: {
updateProfile (e) {
this.$store.commit('updateProfile', e.target.value)
}
},
mutations: {
updateProfile (state, username) {
state.user.username = username
}
}

180.Как использовать директиву модели с двухсторонним вычисляемым свойством?

Вы по-прежнему можете использовать директиву модели, используя двухстороннее вычисляемое свойство с установщиком.

computed: {
username: {
get () {
return this.$store.state.user.username
},
set (value) {
this.$store.commit('updateProfile', value)
}
}
}
mutations: {
updateProfile (state, username) {
state.user.username = username
}
}