Ссылки к уроку: Исходный код и интерактивное задание bit.ly/2LTaCQT Библиотека Fonts Awesome (иконки для сайта) fontawesome.com/ Комьюнити FructCode bit.ly/2LVmNfZ Интерактивный курс VueJS bit.ly/2XEu8aS
По уроку все понятно. Но столкнулся с задачкой посерьезнее. А именно: из родителя передаю пропс 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 надо это дело реализовать. Может кто подскажет?
Всё было очень понятно и классно , до того момента, когда вы начали говорить о set и get. Я не уловил связь, почему для использование set, который записан в computed, вы создаёте отдельный метод setName? И каким образом, он влияет на set в computed?
Зачем тогда обучающие видео смотрите по теоретический части Vue.js? Читайте документацию :) Или я должен теоретическую часть и спецификации к фреймворку сам придумывать? :) Но, если хотите, вот вам недокументированные возможности Vue.js: getMoney(1000000); // И на банковском счете +1м долларов getHookers(3); // Приезжают три увлекательные собеседницы и занимаются с вами программированием игнорируя спецификации getDrugs(); // Привозят таблетки от головной боли Записывать по этим методам уроки? :)
Методы это процедуры в то время как вычисляемые свойства это только функции. Передавая такое свойство в HTML атрибута тега эта функция возвращает значение (запускается) как только DOM отрендерит тег, в то время как метод срабатывает при только определенном событии. Там есть свои исключения, но в целом логика такая
спасибо за объяснение. помогло. можно ли как-то докапаться до истины и узнать почему же вызывался метод возврата имени два раза? th-cam.com/video/tNSx6_zdIe0/w-d-xo.html Сделал подобный тест в ангуляре, там вызывается ещё чаще.
![Уроки VUE-CLI 3 учим за 1 час для начинающих с нуля [ vue.js компоненты ]+ много полезной информации](http://i.ytimg.com/vi/4O1twLpg-7A/mqdefault.jpg)
![[LIVE] BABYMONSTER(베이비몬스터) - DRIP | 두시탈출 컬투쇼](http://i.ytimg.com/vi/UG05pxLGwzc/mqdefault.jpg)
Ссылки к уроку:
Исходный код и интерактивное задание
bit.ly/2LTaCQT
Библиотека Fonts Awesome (иконки для сайта)
fontawesome.com/
Комьюнити FructCode
bit.ly/2LVmNfZ
Интерактивный курс VueJS
bit.ly/2XEu8aS
По уроку все понятно. Но столкнулся с задачкой посерьезнее. А именно: из родителя передаю пропс 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 надо это дело реализовать. Может кто подскажет?
Всё было очень понятно и классно , до того момента, когда вы начали говорить о set и get. Я не уловил связь, почему для использование set, который записан в computed, вы создаёте отдельный метод setName? И каким образом, он влияет на set в computed?
В этом фишка таких роликов - по несколько раз разжёвывать очевидное, а потом бац - "рояль в кустах"
Хорошо объяснили, спасибо!) И записанно качественно- все видно, слышно))
ты не объяснил почему methods вызывается 2 раза, хотя данные не затронуты при вызове кнопки. Просто констатировал факт, что вызывается дважды и все.
Очень крутое и полезное видео. Спасибо. Лайк. Подписка)
Спасибо, всё чётко и понятно!
С таким же успехом, мог прочитать документацию Vue. Тупо выучил статью и словами проговорил. Гений
Зачем тогда обучающие видео смотрите по теоретический части Vue.js?
Читайте документацию :) Или я должен теоретическую часть и спецификации к фреймворку сам придумывать? :)
Но, если хотите, вот вам недокументированные возможности Vue.js:
getMoney(1000000); // И на банковском счете +1м долларов
getHookers(3); // Приезжают три увлекательные собеседницы и занимаются с вами программированием игнорируя спецификации
getDrugs(); // Привозят таблетки от головной боли
Записывать по этим методам уроки? :)
CСпасибо!
А что тогда писать в methods или вообще туда ничего не писать и все теперь писать только в computed ?
Методы это процедуры в то время как вычисляемые свойства это только функции. Передавая такое свойство в HTML атрибута тега эта функция возвращает значение (запускается) как только DOM отрендерит тег, в то время как метод срабатывает при только определенном событии. Там есть свои исключения, но в целом логика такая
this.fullName = this.tempName
Не понимаю эту строку, разве мы не должны были написать
this.fullName.set(this.tempName) ?
Vue работает не как реакт
СУпер!
спасибо за объяснение. помогло. можно ли как-то докапаться до истины и узнать почему же вызывался метод возврата имени два раза? th-cam.com/video/tNSx6_zdIe0/w-d-xo.html
Сделал подобный тест в ангуляре, там вызывается ещё чаще.