v-bind="{...$props, prop3: 'asd'}"

да согласен, мелочи, но блин, неужели нельзя было сделать overide автоматом

Делай пропозал.

В чём проблема?

вот знаете чем реакт лучше вью, в реакте пропсы можно перезаписать <div ...props prop3={'overideProp'} а вот вью ты не можешь вот так просто сделать <div v-bind="$props" :prop3="overideProp" приходится создавать computed свойство отдельно и самому описать computed: { props() { return { ...this.$props, prop3: 'overideProp' } } }

v-bind="{...$props, prop3}"

Ну а ваще да, такое должно уметь разруливаться

Тикет создай, пофиксят наверно

v-bind="{...$props, prop3}"

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

Тут просто дело такое

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

В реальности такое нужно довольно редко

Ну вообще я думаю что реально такое можно сделать. Есть пара несяных моментов, но вью же может порядок байндов отслеживать, что б последние оверрайдили первые

Я в общем-то удивлен что не работает сразу

редко нередко, в реакте есть, а тут нет

Так опен сорс, чо ныть, иди исправь)

та как нет) показали как повторить, но нет

я только пиздец могу

а еще линтер косячный для вью, ты не можешь вынести propType куда-то, например в функцию или еще как-то, чтобы писать type: string('text'), он будет ругаться, что не указаны default

друзья пните в правильную сторону, нужно добраться до свойтсва обьекта, где имя свойства передается через переменную. но если свойство это массив? что делать? как преодолеть скобочную нотацию? let Obj ={ data1 : 'ddd', data2: 'fff', data3:['gg','hh'] } let properties1 = 'data1'; let properties2 = 'data3[1]'; console.log(Obj[properties1]); //ok console.log(Obj[properties2]); //boo! ???????

а еще линтер косячный для вью, ты не можешь вынести propType куда-то, например в функцию или еще как-то, чтобы писать type: string('text'), он будет ругаться, что не указаны default

https://github.com/dwightjack/vue-types ну а в линтере возможно потребуется довыключать это правило

let properties2 = 'data3'; Obj[properties2][1] только так

а еще линтер косячный для вью, ты не можешь вынести propType куда-то, например в функцию или еще как-то, чтобы писать type: string('text'), он будет ругаться, что не указаны default

Косячный линтер?

Это не решается статическим анализом.

let properties2 = 'data3'; Obj[properties2][1] только так

спасибо

друзья пните в правильную сторону, нужно добраться до свойтсва обьекта, где имя свойства передается через переменную. но если свойство это массив? что делать? как преодолеть скобочную нотацию? let Obj ={ data1 : 'ddd', data2: 'fff', data3:['gg','hh'] } let properties1 = 'data1'; let properties2 = 'data3[1]'; console.log(Obj[properties1]); //ok console.log(Obj[properties2]); //boo! ???????

можно через компонент решить https://www.npmjs.com/package/lodash.get https://lodash.com/docs/4.17.5#get

друзья пните в правильную сторону, нужно добраться до свойтсва обьекта, где имя свойства передается через переменную. но если свойство это массив? что делать? как преодолеть скобочную нотацию? let Obj ={ data1 : 'ddd', data2: 'fff', data3:['gg','hh'] } let properties1 = 'data1'; let properties2 = 'data3[1]'; console.log(Obj[properties1]); //ok console.log(Obj[properties2]); //boo! ???????

Вроде в лодеше есть функция для подобного

Тьфу, опоздал

Это не решается статическим анализом.

ну да, именно

спасибо всем ушел читать

концепция backbone ничем не отличается от angular, react и vue Может я чего-то не понимаю ? это же во истину разные вещи

Всем привет

почему у меня не выходит логотип?

<template> <div> <header id="header_wrapper"> <div id="header_in" class="center"> <a class="header_logo" href="#"><img alt="" src="./assets/logo.png"></a> </div> </header> </div> </template>

концепция backbone ничем не отличается от angular, react и vue Может я чего-то не понимаю ? это же во истину разные вещи

Vue взял от backbone немало

#header_wrapper{width:100%; min-width:960px; position:fixed; top:0; left:0; background:url(../src/img/top-nav-bg.png) repeat-x;} #header_wrapper.absolute{width:960px; position:absolute; top:0; left:0;} #header_in{height:52px; padding:9px 0 0 0; position:relative; text-align:center;} .header_logo{display:inline-block;} .header_button{height:25px; padding:0 10px; position:absolute; top:17px; right:0; border:1px solid #fff; font:15px/24px 'Playfair Display', serif; color:#fff; border-radius:1px;}

Почему бы тебе не задать этот вопрос в канале для верстальщиков?

почему у меня не выходит логотип?

Консоль чо пишет?

Консоль чо пишет?

пусто

Ну значит все отлично!

Познай дзен и откажись от оценочного мышления. Почему ты считаешь что если логотип не выводится - это плохо? Просто прими это как данность

А вдруг ты стал причиной его отсутствия? Логотип шредингера

Ну значит все отлично!

Простите, он не видит файл logo.png

хотя он там есть

GET http://localhost:8080/img/logo.png 404 (Not Found)

GET http://localhost:8080/img/logo.png 404 (Not Found)

может есть еще подпапка перед img

Это уже не "пусто" ни разу

Вот видишь как тебе дзен помог

<template> <div> <header id="header_wrapper"> <div id="header_in" class="center"> <a class="header_logo" href="#"><img alt="" src="./assets/logo.png"></a> </div> </header> </div> </template>

прикалываешься? :)

логотип лежит в папка_проекта/src/logo.png и тут папка_проекта/src/img/logo.png

пути не правильные

указал путь к файлу статики src="./assets/logo.png" с точечкой

вебпак в асет смотрит

ага когда ты делаешь :src=

Как удобнее всего меня title страницы в зависимости от роута?

никто не знает, balance - это какое-то зарезервированное имя в js? пытаюсь получить целочисленное свойство объекта, а приходит true/false

прикалываешься? :)

что тут не так?

return rate.balance; (даже в шторме свойство подсвечивается, как будто это какой-нибудь метод)

никто не знает, balance - это какое-то зарезервированное имя в js? пытаюсь получить целочисленное свойство объекта, а приходит true/false

Нет, не зарезервированное.

return rate.balance; (даже в шторме свойство подсвечивается, как будто это какой-нибудь метод)

Сбрось код.

Сбрось код.

не понял) как сбросить?)

Все получилось

Спасибо всем

не понял) как сбросить?)

Копипастишь на https://codesandbox.io/

Все получилось

расскажи что поменял :)) для всех, чтобы не задавали аналогичных вопросов

оказывается у меня в index.html дубликат этого кода был

а я правил в App.vue

не совсем понятно зачем ты в assets кладешь такую статику

не совсем понятно зачем ты в assets кладешь такую статику

а куда класть?

img?

в отдельную папку?

ну то что тебе нужно один раз где то на главной странице можно в /static держать

чтобы вебпак не лоадил это

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

так вебпак ничего не знает о папке static же...

хотя кстати пока ты юзаешь src он через вебпак вроде не гоняет

меня смутила точка в пути

там есть разница

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

если же ты укажешь путь как к статике, то вебпак его не тронет

и в вебе он подгрузится как статика

/addfaq@vuefaqbot Когда уже бот заговорит?! ### А он уже!

Добавлено!

/addfaq@vuefaqbot asdasdfd

чуваки, кто знает чем ПЛОХ подход когда пишешь стили прямо в Single File Components? есть какие-то “против”, кроме того, что компонент тогда разрастается по количеству строк?

Блин, он отвечать должен когда без решеток пишут

Хм. А в личке отвечает

Что за наз

/addfaq тест!