Свойство data в компоненте всегда должна быть функцией, которая возвращает объект.
Регистрация поля data в компоненте
<script>
export default{
data:()=>{
return object
},
}
</script>
Рубрика: Vue компонент
Рубрики
Вызов в компоненте
Событие
Объект вызывается как событие тега без возвращения значения
<template>
<a @click="Объект">test</a>
</template>Атрибут
Присвоить значению атрибута тега от Объекта
<template>
<a :title="Объект">test</a>
</template>Объект
- имя функции
- значение
- javascript выражение
Vuex позволяет использовать Getters в компоненте Template или «геттеры» в хранилище. Можете считать их вычисляемыми свойствами хранилища. Как и вычисляемые свойства, результаты геттера кэшируются, на основе его зависимостей и пересчитываются только при изменении одной из зависимостей.
Getters — это функции, которые повторно вычисляются при изменении переменной в модуле
Структура секции Script в компоненте содержит логику компонента, которую можно вынести в Mixins для переиспользования в других компонентах.
<script>
export default{
name: 'full-name',//имя компонента для секции template
components:{...},
data:()=>{return object},
props:{...},
methods:{...},
hook(){...},
}
</script>Регистрация компонента может проводится двумя видами во Vue.js
1. Глобальная
регистрация компонента
- явная регистрация
До сих пор мы создавали компоненты с помощьюVue.component - не явная регистрация
2. Локальная
регистрация компонента
Глобальная регистрация часто не идеальна. Например, если вы используете систему сборки, такую как Webpack, глобальная регистрация всех компонентов означает, что даже если вы прекратите использовать компонент, то он всё равно будет включён в вашу сборку приложения. Это излишне увеличит количество JavaScript, который должны будут загрузить ваши пользователи.
В таких случаях вы можете определить свои компоненты как обычные объекты JavaScript
Глобальное состояние приложения представляет собой вынесение логики из компонентов в отдельный модуль, подключив его глобально
Установка VueX в терминале
npm install vuex@next --save