Рубрики
Vue компонент.script.data

data в компоненте

Свойство data в компоненте всегда должна быть функцией, которая возвращает объект.

Регистрация поля data в компоненте

<script>
export default{
data:()=>{
 return object
},
}
</script>
data в компоненте во Vue.js
Vue.js
Рубрики
Vue Вызов Vue основы

Вызов в компоненте

Событие

Объект вызывается как событие тега без возвращения значения

<template>
<a @click="Объект">test</a>
</template>

Атрибут

Присвоить значению атрибута тега от Объекта

<template>
<a :title="Объект">test</a>
</template>

Объект

  • имя функции
  • значение
  • javascript выражение
Рубрики
Vue компонент Vue компонент.script Vue компонент.template.getters

Getters в компоненте Template

Vuex позволяет использовать Getters в компоненте Template или «геттеры» в хранилище. Можете считать их вычисляемыми свойствами хранилища. Как и вычисляемые свойства, результаты геттера кэшируются, на основе его зависимостей и пересчитываются только при изменении одной из зависимостей.

Getters — это функции, которые повторно вычисляются при изменении переменной в модуле

Getters в компоненте Template во Vue.js
Vue.js
Рубрики
Vue компонент Vue компонент.script Vue основы

Структура секции Script в компоненте

Структура секции Script в компоненте содержит логику компонента, которую можно вынести в Mixins для переиспользования в других компонентах.

<script>
export default{
name: 'full-name',//имя компонента для секции template
components:{...},
data:()=>{return object},
props:{...},
methods:{...},
hook(){...},
}
</script>
Структура секции Script в компоненте во Vue.js
Vue.js
Рубрики
Vue project Vue компонент.script.глобальные Vue основы Vue.js Vue3 логика

Глобальное состояние приложения

Глобальное состояние приложения представляет собой вынесение логики из компонентов в отдельный модуль, подключив его глобально

Установка VueX в терминале

npm install vuex@next --save
Глобальное состояние приложения во Vue.js
Vue.js