- Вызов в отсеке script в методах, хуках
this.$store.getters['ИмяВычисления'](Параметры);Рубрика: Vue компонент.script
описываем логику компонента
создаём функции
объявляем какие то данные
export default {…}
по default-у мы должны экспортировать объект
этот объект и будет являться компонентом
всё остальное это синтаксический сахар
внутри мы можем объявлять поля, функции
- Родительская компонента содержит переменную в data
<template>
<comp v-bind:ИмяПропса="ИмяОбъекта">
</template>
<script>
export default{
data(){
return {
ИмяОбъекта: Значение
}
}
}
</script>- Дочерняя компонента comp
пропсы нельзя изменять
<script>
export default{
props:{
ИмяПропса:{
type:Array,
requered:true,
}
}
}
</script>- Вызов экшена в script в отсеках
this.$store.dispatch(‘ИмяЭкшена‘);
this.$store.dispatch(‘ИмяМодуля/ИмяЭкшена‘);
Событие
Объект вызывается как событие тега без возвращения значения
<template>
<a @click="Объект">test</a>
</template>Атрибут
Присвоить значению атрибута тега от Объекта
<template>
<a :title="Объект">test</a>
</template>Объект
- имя функции
- значение
- javascript выражение
Vuex позволяет использовать Getters в компоненте Template или «геттеры» в хранилище. Можете считать их вычисляемыми свойствами хранилища. Как и вычисляемые свойства, результаты геттера кэшируются, на основе его зависимостей и пересчитываются только при изменении одной из зависимостей.
Getters — это функции, которые повторно вычисляются при изменении переменной в модуле
