Ответ
Основные вещи, с которыми работаю в Vue:
- Компоненты - Single File Components (SFC) с шаблоном, скриптом и стилями
<template>
<button @click="increment">{{ count }}</button>
</template>
<script>
export default {
data() {
return { count: 0 }
},
methods: {
increment() { this.count++ }
}
}
</script>-
Состояние - управляю через data(), computed, props/emits, Vuex/Pinia
-
Директивы - часто использую v-if, v-for, v-bind, v-on
-
Композиция - в Vue 3 активно применяю Composition API с setup() и хуками
-
Роутинг - обычно Vue Router для навигации
-
API-запросы - axios или fetch для работы с бэкендом
Также часто работаю с миксинами, слотами, анимациями через Transition.
Ответ 18+ 🔞
А, ну ты про Вью спрашиваешь, ебать мои старые костыли! Ну слушай, щас разжую, как я с этой штукой вожусь, чтобы ты не подумал, что я просто так, мартышлюшка, кнопки тыкаю.
Вот, смотри, основа основ — это компоненты, эти самые SFC. Файлик один, а внутри всё, как в хорошем бутерброде: и хлеб, и колбаса, и майонез, блядь. Шаблон, скрипт, стили — всё в одном флаконе. Красота, хуле.
<template>
<button @click="increment">{{ count }}</button>
</template>
<script>
export default {
data() {
return { count: 0 }
},
methods: {
increment() { this.count++ }
}
}
</script>Видишь? Кнопка, которая считает, сколько раз её ткнули. Проще пареной репы, но без этого нихуя не работает.
Дальше, самое интересное — состояние. О, это пиздец, где все и путаются. У тебя есть data(), где всё лежит, как в чулане. Есть computed — это такие хитрожопые свойства, которые сами пересчитываются, когда что-то поменялось. А ещё есть props — это когда один компонент другому что-то передаёт, как записку на уроке, и emits — это когда он в ответ кричит: «Эй, папа, я тут кнопку нажал!». А если проект разросся до овердохуища, то подключаем Vuex или Pinia — это такие общие склады для данных, чтобы все компоненты не дрались, как папуасы, за одну переменную.
Директивы — моя любовь. v-if, v-for, v-bind, v-on. Это как волшебные пинки для шаблона. Хочешь показать что-то только при условии? v-if. Нужно список нарисовать? v-for, и поехали. Привязать атрибут или слушать событие? Да без проблем, ёпта! Без них шаблон — просто мёртвый HTML, ни хуя не живой.
В третьем Вью появился Composition API — вот это, блядь, вещь! Вместо того чтобы раскидывать логику по опциям типа data, methods, computed, ты её в одном месте, в setup(), собираешь, как конструктор. И хуки эти, ref, reactive, computed — просто песня. Сначала мозг ломаешь, а потом понимаешь — да это ж удобно, нахуй!
Роутинг — обычно через Vue Router. Без него — ни шагу, как без ног. Переход между страницами, параметры в URL, хуки навигации — всё там.
Для общения с бэкендом — axios или нативный fetch. Посылаем запрос, получаем ответ, обрабатываем ошибки (а они будут, о, поверь, будут, пидарасы эти сервера), и всё это заворачиваем в красивый интерфейс.
А ещё есть такие фишки, как миксины (чтобы код переиспользовать, но с ними осторожно, а то получится каша), слоты (когда нужно в компонент целый кусок разметки воткнуть), анимации через <Transition> (чтобы всё плавненько выезжало и уезжало, красиво, блядь).
Вот так, вкратце. Вроде всё просто, но как начнёшь делать что-то сложнее «Hello World» — тут-то и начинается настоящий цирк, в рот меня чих-пых. Но зато интересно, хуле.