Рубрики
Vue store.actions "Реализация в поле Actions"

Vue.Store.actions «Структура»

...
actions:{
ИмяФункции(
{state,rootState,commit,dispath,getters,rootGetters},ДопПараметр) {
...
return ...  
}
}
...
Рубрики
Vue store Vue store.getters Vue.js

Реализация вычисления в Store

...
getters:{
 ИмяГеттера1(state){
  return ...;
 },
 ИмяГеттера2(state, getters){
  return ...;
 },
 ИмяГеттера3:(state)=>(Параметр)=>{
  return ...;
 }
}
...
Рубрики
Vue store

Модульность 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.Секция.ИМЯ_МОДУЛЯ.ИмяВСекции}}