Рубрики
Vue store Vue store.getters Vue.js

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

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

Добавление динамических классов в Vue

<template>
<тег v-bind:class="{НазваниеКласса,Код}">
</template>

Код
условие bool, по которому будет добавляться этот класс

Рубрики
Vue вызов в компоненте

Вызов вычисления в компоненте Vue

  • Вызов в отсеке script в методах, хуках
this.$store.getters['ИмяВычисления'](Параметры);
Рубрики
Vue директива v-bind Vue компонент.script Vue компонент.script.data Vue компонент.script.props

Передаём переменную data дочерней компоненте Vue

  • Родительская компонента содержит переменную в data
<template>
<comp v-bind:ИмяПропса="ИмяОбъекта">
</template>

<script>
export default{
data(){
 return {
  ИмяОбъекта: Значение
 }
}
}
</script>
  • Дочерняя компонента comp
    пропсы нельзя изменять
<script>
export default{
props:{
ИмяПропса:{
 type:Array,
 requered:true,
}
}
}
</script>
Рубрики
Vue вызов в компоненте Vue.js

Вызов экшена в компоненте Vue

  • Вызов экшена в script в отсеках

this.$store.dispatch(‘ИмяЭкшена‘);
this.$store.dispatch(‘ИмяМодуля/ИмяЭкшена‘);