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

145.В чем причина не обновлять состояние напрямую?

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

146.Что такое Единое дерево состояний?

Единое дерево состояний Vuex - это единый объект, содержащий все состояния на уровне вашего приложения и служащий «единственным источником истины». Когда вы разделяете состояние и мутации на подмодули, это не противоречит модульности.

147.Как установить vuex?

Вы можете установить vuex, используя npm или yarn, как показано ниже,
npm install vuex --save
(или)
yarn add vuex
В модульной системе вы должны явно установить Vuex через Vue.use ()
import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex)
(или)
Вы также можете установить его, используя ссылки CDN, такие как unpkg.cpm, который предоставляет ссылки CDN на основе NPM. Просто включите vuex после Vue, и он установится автоматически.

Примечание. Вы можете использовать определенную версию / тег через URL-адреса, например https://unpkg.com/vuex@2.0.0 . Если вы не укажете какую-либо версию, она будет указывать на последнюю версию.

148.Мне нужно разрешение для vuex?

Да, vuex требует Разрешение. Если ваши поддерживающие браузеры не реализуют разрешение (например, IE), вы можете использовать библиотеку polyfill, такую ​​как es6-prom, используя npm или yarn.
npm install es6-promise --save # NPM
yarn add es6-promise # Yarn
После этого импортируйте в любое место вашего приложения,
import 'es6-promise/auto'

149.Как вы отображаете состояние хранилища в компонентах vue?

Поскольку хранилища Vuex являются реактивными, вы можете получить «состояние из хранилища, просто вернув состояние хранилища из вычисляемого свойства. Т.е. всякий раз, когда состояние хранилища изменяется, это приведет к повторной оценке вычисляемого свойства и запуску связанных обновлений DOM.

Давайте возьмем компонент приветственного слова, который отображает состояние хранилища в шаблоне,

//давайте создадим компонент hello world
const Greeting = {
template: `

{{ greet }}

`,
computed: {
greet () {
return store.state.msg
}
}
}