Тёмный

Уроки VueJS: Вычисляемые свойства (Computed Properties) 

FructCode
Подписаться 9 тыс.
Просмотров 7 тыс.
50% 1

В этом уроке вы узнаете:
- Что такое вычисляемые свойства (Computed Properties)?
- Главная ошибка начинающих при использовании методов VueJS
Ссылки к уроку:
Исходный код и интерактивное задание
bit.ly/2LTaCQT
Библиотека Fonts Awesome (иконки для сайта)
fontawesome.com/
Комьюнити FructCode
bit.ly/2LVmNfZ
Интерактивный курс VueJS
bit.ly/2XEu8aS
#fructcode #sergeinikonov

Опубликовано:

 

13 июл 2019

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 17   
@fructcode
@fructcode 5 лет назад
Ссылки к уроку: Исходный код и интерактивное задание bit.ly/2LTaCQT Библиотека Fonts Awesome (иконки для сайта) fontawesome.com/ Комьюнити FructCode bit.ly/2LVmNfZ Интерактивный курс VueJS bit.ly/2XEu8aS
@aleksandrgrippa8348
@aleksandrgrippa8348 3 года назад
Хорошо объяснили, спасибо!) И записанно качественно- все видно, слышно))
@leopet6815
@leopet6815 4 года назад
Спасибо, всё чётко и понятно!
@user-cl9yc1tw2i
@user-cl9yc1tw2i 2 года назад
Очень крутое и полезное видео. Спасибо. Лайк. Подписка)
@kudkuda9376
@kudkuda9376 2 года назад
CСпасибо!
@sekirogenshiro2210
@sekirogenshiro2210 2 года назад
СУпер!
@user-wc9kq3mi4o
@user-wc9kq3mi4o 4 года назад
Всё было очень понятно и классно , до того момента, когда вы начали говорить о set и get. Я не уловил связь, почему для использование set, который записан в computed, вы создаёте отдельный метод setName? И каким образом, он влияет на set в computed?
@motatmb
@motatmb 3 года назад
В этом фишка таких роликов - по несколько раз разжёвывать очевидное, а потом бац - "рояль в кустах"
@user-vg9mj6eo7e
@user-vg9mj6eo7e Год назад
По уроку все понятно. Но столкнулся с задачкой посерьезнее. А именно: из родителя передаю пропс selected в дочерний элемент (форма). В этом дочернем элементе есть поле из bootstrap-vue По логике создаем метод Select() Select: function (){ this.addTag = this.selected }, А вот как быть с computed, не разобрался Пока так: computed:{ addTag:{ get:function (){ return this.selected }, set:function(newCat){ const cat = { name: newCat, } this.categories.push(cat) this.selected.push(cat) } } } Но каждый раз при выборе select Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop's value. Prop being mutated: "selected" Функционал работает, в Api все передаю и делаю что нужно, но напрягает эта ошибка. И понимаю что здесь именно через computed надо это дело реализовать. Может кто подскажет?
@zemaskater7180
@zemaskater7180 3 года назад
С таким же успехом, мог прочитать документацию Vue. Тупо выучил статью и словами проговорил. Гений
@fructcode
@fructcode 3 года назад
Зачем тогда обучающие видео смотрите по теоретический части Vue.js? Читайте документацию :) Или я должен теоретическую часть и спецификации к фреймворку сам придумывать? :) Но, если хотите, вот вам недокументированные возможности Vue.js: getMoney(1000000); // И на банковском счете +1м долларов getHookers(3); // Приезжают три увлекательные собеседницы и занимаются с вами программированием игнорируя спецификации getDrugs(); // Привозят таблетки от головной боли Записывать по этим методам уроки? :)
@Frontend-Developer-UA
@Frontend-Developer-UA 4 года назад
А что тогда писать в methods или вообще туда ничего не писать и все теперь писать только в computed ?
@user-oi7sd1nw6s
@user-oi7sd1nw6s 3 года назад
Методы это процедуры в то время как вычисляемые свойства это только функции. Передавая такое свойство в HTML атрибута тега эта функция возвращает значение (запускается) как только DOM отрендерит тег, в то время как метод срабатывает при только определенном событии. Там есть свои исключения, но в целом логика такая
@artemy5594
@artemy5594 Год назад
ты не объяснил почему methods вызывается 2 раза, хотя данные не затронуты при вызове кнопки. Просто констатировал факт, что вызывается дважды и все.
@frontman6849
@frontman6849 3 года назад
this.fullName = this.tempName Не понимаю эту строку, разве мы не должны были написать this.fullName.set(this.tempName) ?
@stt1632
@stt1632 3 года назад
Vue работает не как реакт
@artjom2535
@artjom2535 2 года назад
спасибо за объяснение. помогло. можно ли как-то докапаться до истины и узнать почему же вызывался метод возврата имени два раза? ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-tNSx6_zdIe0.html Сделал подобный тест в ангуляре, там вызывается ещё чаще.
Далее
Кто понял тот понял
00:24
Просмотров 154 тыс.