Димитар Георгиев

3 кита + инициализация проекта на VUE.

Speakings 0 комментариев
3 кита + инициализация проекта на VUE.
  • Наследование - Создадем один клас и от него наследуем другой и второй и 
    третий и т.д.в 
    дерво классъй.В супер класс содерж универалная логика, методъй и данни каторъй 
    справедливъй за все их потомков, а в потомков нужно просто указат какйе то аспектъй,
    какйе то маленки вещей каторъй характернъй толко для вот етого дочернъй
    елемент класа
  • Ест Инкапсуляция - възможност скрит один тип даннъй под другийе. У нас есть
    обект person {} 
    и по балшомо счету , нас не вълнует из какие поля он состойт. Нас интересует 
    что они все обедение в одну eдинственую сущност person {}. Он в себе хранит 
    каке - то много,
    много допълнителнъй дочернъйх данни и все методъй каторъй у нас ест. Класс 
    позволяет все сгрупироват в один обект person {}. Eто универсален обект class
    person {} хранит в
    себе и служебной информацию и методъй работа, ето все инкапсулирано в один обект,
    очен удобно. 
    
  • Полиморфизм - принцип каторой говорит о том что мъй можно работат абсолютно
    одинакава с разнами по уровен сложности обекта. Мъй описали однум и том же логику
    с одним и тем же методъй ,ето и ест полиморфизм. Mъй работаем с разного рода,
    разного типа даннъй 
    просто написали один метод plus () . Насколко не бъйл сложнъй обект либо простъй,
    мъй бъйли работали с него абсолютно одинакого с абсолютно одинакавъй 
    методъй.
    
    Начнем создоват компонент, каторъй будет отвечат за вот етой вид, у нас есть два 
    поста и мъй создадем компонент каторъй будем переисползовать.  
  • components --> Post.vue и здес опошем темплейт  и перенесем в ней post из
    Аpp.vue. С начало импортироват в Аpp.vue и соответствено добавим его непосредствено
    в текучий компонент - нужно сказат что ето компонент будет исползуватся.
    
    Teпер у нас есть доступ к такому тегу, вместо того
    писат верстку 
    мъй прямо сдес ставим post. Патом заливаем колекцию все даннъй в самом компоненте
    через data, 
    
    Тепер етих даннъй нужно както передат в сам post, и что буй они различалис 
    мне нужно передат даннъй, назавем их :data = 'post[0]', т.е я передам 
    елемент под индекса 0 етого масива и он попадет к мне ,етого обект. Но для етого
    мне нужно написат script в post.vue каторъй он
    принет етих
    даннъй т.ест я должен напосат в props kakие именно данни я ожидаю я жду сейчас 
    data всем текущем наполнения. На самого верху поста data въйтащим, oни там и есть,
    осталос только разпарсит.Въйвисте нужной информациу о том какя же информация
    нужна.
    
    : говорит что даннъй нужно взятс помощю js и въйтащит вот отсуда
  • С теги нужно пройтис по масиву и соответствено каждай из него елементъй
    обработат. 
    Для каждаво елемент тега создадем елемента а - новая ссилка , v-bind:key="tags" 
    служебна информация о том какие теги нузно перерисоват если в 
    друг
    колекция тег изменится.
    Для коментарий создадем Comment.vue и тепер  можно перейсползовать 
    в посте ,
    поетому в post импортируем. Патом говорим что здес же будем исползоват,
    и в post прямо вставим  теги Comment
    и передадем 
    туда :data="comment[0] . Что бъй не проходится с помощу
    индексу, мъй опят будем
    использоват директиву обжода в цикле v-bind:key="comment.id" 
    Kлюч по
    каторъй понимат, какие коментарий уникалние и какие нет .
  • Что бъй vue.cli создадет build  с относителней путти к файкъй, то мъй саздадев
    vue.config.js 
    и там изменит паблик path наша статическая сборка бъйла нормальна. Експортираме 
    обект publicPath 

 

 

 

 

 

 

 

 

 

Назад Вперед
Войдите или зарегистрируйтесь
чтобы оставить комментарий