Как это оно так работает если vue ничего не делает ?

https://developer.mozilla.org/ru/docs/Web/JavaScript/Reference/Functions/Arrow_functions

https://developer.mozilla.org/ru/docs/Web/JavaScript/Reference/Functions/Arrow_functions

чувак я знаю чем () => отличается от обычной функции

Хватит тролить вьюшников с контекстом вызова

Хватит тролить вьюшников с контекстом вызова

та просто магия происходит а мне говорят что я дурак и не знаю js ))000

Читай доку

та просто магия происходит а мне говорят что я дурак и не знаю js ))000

Щас бы на них внимание обращать

Hmm... Ты че пришел, не мешай)

Все портишь

Как это оно так работает если vue ничего не делает ?

стрелочная функция не создает контекста this, а так как this нет то и this.data.title взяться не откуда

стрелочная функция не создает контекста this, а так как this нет то и this.data.title взяться не откуда

блять, this есть просто он раверн this в котором была объявлена () =>

ну я не уточнил что нет нужного контекста

@Loochnikov вью это магия, не хочешь магии тебе в реакт чат)

@Loochnikov вью это магия, не хочешь магии тебе в реакт чат)

сказали на vue писать, ладно не буду вонять и реально пойду доку читать

https://codesandbox.io/s/nlkvr6380

хммм это странно конечно

ну просто не делай стрелками методы

та я уже понял, просто куда оно свойства data и methods девает

в интансе их нет

this.methodName(); Или ты про что?

а чего им там быть? ты ж не класс экстендишь, а просто создаешь инстанс передавая объект в конструктор, а внутри магия

А кто-то вообще лазил глядел как это работает?

this.methodName(); Или ты про что?

const o1 = { data: { title: "Hello form Vue !" }, methods: { changeTitle: e => { console.log(this); } } }

что будет в this ?

const o1 = { data: { title: "Hello form Vue !" }, methods: { changeTitle: e => { console.log(this); } } }

Эта функция будет

Эта функция будет

что прости ?

какая фунция ?

Ща

окружаюший контекст там будет, но это ошибка так писать

Время много уже, но я предположу что window

подсказочка - global/window потому что () => берет внешний this,а vue если так написать то undefined

Время много уже, но я предположу что window

красава

во вью методы должны быть просто функциями и оно само запроксирует на них this

а ты видишь где она изначально объявлена ?

Ну да

во вью методы должны быть просто функциями и оно само запроксирует на них this

вот наверное в доке где-то это есть

а я просто ору с неочевидности

есть конечно)

а я просто ору с неочевидности

Это не последний твой ор)

как я могу изменять класс для body, без использования document?

уча реакт учишь жс, уча вью - учишь вью (не помню чья цитата))

Жс?

JS

)))

Уже 4:17 пойду спать)

уча ангуляр учишт ts + rxjs

Уча ИИ, учишься сам, чтобы не дай бог не стать тупее своего детища

как можно запретить скролить страницу, по мимо добавления html/body overflow hidden? а то на айфоне что то не работает(

Создать fixed эллемент поверх с прозрачным фоном

Господа, а есть смысл в plugin:prettier/recommended, когда уже стоит @vue/prettier?

Будет ли prettier/recommended переписывать мой .prettierrc?

А почему так? Айфон

амм. почему после добавления`transition-group` у меня компонент оборачивается в span?

const o1 = { data: { title: "Hello form Vue !" }, methods: { changeTitle: e => { console.log(this); } } }

Undefined

подсказочка - global/window потому что () => берет внешний this,а vue если так написать то undefined

По es5 в строгом режиме this не будет в window, строгий режим всегда включен в модулях

а я просто ору с неочевидности

Но в самой доке сказано, что будет, если засунуть туда стрелочную или не стрелочную функцию. Какая неочевидность, если в документации расписано как это работает.

Я ни разу не задавался вопросом таким, потому, что просто прочитал начальный раздел документации. Да и в реакте я так же поступал, тоже сначала доку читал, а потом кодил, а не наоборот.

Ты же знаешь, что this равен global/undefined(в строгом режиме), откуда? Потому, что прочитал об этом. И тебе это уже очевидно. Так давай ты сначала блядь нормально будешь читать?

Как сделать, что бы при переключении компонентов, если это подобие страницы, положение начиналось с начала, а не с положения предедущего компонента. Надеюсь понятно написал )

ERROR: S client not available

Как сделать, что бы при переключении компонентов, если это подобие страницы, положение начиналось с начала, а не с положения предедущего компонента. Надеюсь понятно написал )

В каком нить хуке прописать scrollTo(0,0)

В каком нить хуке прописать scrollTo(0,0)

действительно. Спасибо!

И у роутера есть функция scrollBehavior, в ней можно указать логику

И типо скроллить всегда вверх, если это какой-то определенный компонент.

И у роутера есть функция scrollBehavior, в ней можно указать логику

ну у меня не роутер. еще не работа с ним) Но спасибо, учту)

а по поводу этого не подскажешь?

амм. почему после добавления`transition-group` у меня компонент оборачивается в span?

амм. почему после добавления`transition-group` у меня компонент оборачивается в span?

В документации прочитай, там по дефолту span, можешь переназначить на любой тег

В документации прочитай, там по дефолту span, можешь переназначить на любой тег

Спасибо! Нашел)

Вроде как последний вопрос) У меня есть ф-я которая запускает анимацию(по типу wow) const animated = document.querySelectorAll('.js-animated'); const animateq = elem => { [].forEach.call(elem, el => { const clientHeight = document.documentElement.clientHeight; const pointerGetY = clientHeight - 50; const getY = el.getBoundingClientRect().y; if (pointerGetY > getY) { el.classList.add('animate'); } }) } window.addEventListener('scroll', () => { animateq(animated); }); animateq(animated); При первой загрузке все ок. Но, если перейти на какой то другой копонент(v-if) то по возвращению назад без скролла анимация не запускается. Что не так?

А хуй знает, твой же код. Я бы рекомендовал не забывать отписываться от скролла, потому, что у тебя один и тот же хандлер будет накидываться при создании компонента

Во вью все приложение находится в диве#app. Для компонентов тоже приходится оборачивать в один рут элемент. Получается, что header внутри дива, footer внутри дива. И все это в корневом диве. Можно ли как-то сделать, чтобы была красивая структура, т.е. просто боди, в нем хедер, мейн, футер и все. Никаких дивов

Во вью все приложение находится в диве#app. Для компонентов тоже приходится оборачивать в один рут элемент. Получается, что header внутри дива, footer внутри дива. И все это в корневом диве. Можно ли как-то сделать, чтобы была красивая структура, т.е. просто боди, в нем хедер, мейн, футер и все. Никаких дивов

Я когда то видел пример, что вместо #app писали body Но сейчас ругается линт на это

Ты же знаешь, что this равен global/undefined(в строгом режиме), откуда? Потому, что прочитал об этом. И тебе это уже очевидно. Так давай ты сначала блядь нормально будешь читать?

Ну все все, не буду больше орать пока не прочту доку ??‍♂️

Я когда то видел пример, что вместо #app писали body Но сейчас ругается линт на это

Если подключать в боди, то все посторонние скрипты будут либо портить работу или сами не работать.

Во вью все приложение находится в диве#app. Для компонентов тоже приходится оборачивать в один рут элемент. Получается, что header внутри дива, footer внутри дива. И все это в корневом диве. Можно ли как-то сделать, чтобы была красивая структура, т.е. просто боди, в нем хедер, мейн, футер и все. Никаких дивов

Что то не понял, в каком смысле header внутри дива. Для компонента header делай рутовым элементом тег Header. и тп...

Я думаю он имел ввиду div#app > header

никто не знает как чистить текстовое поле по клику с повешанным вотчером на него?

на текстовое поле

никто не знает как чистить текстовое поле по клику с повешанным вотчером на него?

v-model текстового поля приравниваешь к пустой строке

и?

v-model текстового поля приравниваешь к пустой строке

что дальше?

@click ?

@click ?

+

+

но не работает если его повесить в вотчер

но не работает если его повесить в вотчер

А вотчер зачем?

мне надо чтобы это значение было еще в сторе

А вотчер зачем?

вот так

и по достижению 10 символов надо поле тоже чистить

поэтому вотчер