...
actions:{
ИмяФункции(
{state,rootState,commit,dispath,getters,rootGetters},ДопПараметр) {
...
return ...
}
}
...
Рубрика: Vue store
глобальное хранилище
для Vue3 компонентов
которое отвечает за состояние приложения
resources\store.js
путь к главному файлу store.js
...
getters:{
ИмяГеттера1(state){
return ...;
},
ИмяГеттера2(state, getters){
return ...;
},
ИмяГеттера3:(state)=>(Параметр)=>{
return ...;
}
}
...
Рубрики
Модульность Store
- создание модуля store
resources\Store\dir\ИМЯ_МОДУЛЯ.js
export const ИМЯ_МОДУЛЯ = {
state:()=>({
//переменная: Значение,
}),
getters: {
//функция_считает(state,getters){...return}
},
mutations: {
//функция(state,параметры){...}
},
actions: {
//функция({state,commit,}){...}
}
}
- регистрация store модуля в главном store модуле
resources\Store.js
import {createStore} from "vuex";
import {имя_модуля} from "./store/dir/имя_модуля";
export default createStore(
...
modules:{
...
ИМЯ_МОДУЛЯ:имя_модуля
}
})
- обращение к объекту из модуля
в компоненте в секции template
{{ $store.Секция.ИМЯ_МОДУЛЯ.ИмяВСекции}}