Рубрики
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
Рубрики
Laravel+Vue3 project Vue компонент Vue основы

Регистрация Компонента

Регистрация компонента может проводится двумя видами во Vue.js

1. Глобальная
регистрация компонента

  • явная регистрация
    До сих пор мы создавали компоненты с помощью Vue.component
  • не явная регистрация

2. Локальная
регистрация компонента

Глобальная регистрация часто не идеальна. Например, если вы используете систему сборки, такую как Webpack, глобальная регистрация всех компонентов означает, что даже если вы прекратите использовать компонент, то он всё равно будет включён в вашу сборку приложения. Это излишне увеличит количество JavaScript, который должны будут загрузить ваши пользователи.

В таких случаях вы можете определить свои компоненты как обычные объекты JavaScript

регистрация компонента во Vue.js
Vue.js
Рубрики
Vue project Vue компонент.script.глобальные Vue основы Vue.js Vue3 логика

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

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

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

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