https://ru.vuejs.org/v2/guide/components.html#“Дешёвые”-статические-компоненты-с-использованием-v-once

А подскажите сниппет какой нить чтоль. Ну не делать же 15 компонентов

Какой бы вы путь придумали? switch по router.path?

А подскажите сниппет какой нить чтоль. Ну не делать же 15 компонентов

ну если шаблон одинаковый - через пропсы

Ребята, помогите новичку в vue. Допустим есть у меня массив строк ["This is awesome string", "Another great string of truth"]. Я ее забираю с бэкенда и таким образом при инициализации приложения о строках ничего не известно. По приходу я их хочу вывести через v-for с небольшой модификацией ["This <w>is</w> awesome <w>string</w>", "Another <w>great</w> string of truth"]. Где <w> оформлена как компонент, со своими событиями и прочей мишурой. Через v-html я так понял выводятся только стандартные теги. Почитал я про $mount, но что-то не укладывается куда это запихнуть в этом случае. Ведь по идее mount нужно применять уже к готовой копии компонента? Либо через функцию render, но как я понял она работает тоже в рабочем и подключенном компоненте.

не понимаю откуда такие угарные идеи

лучшие 20 секунд описівающие мир фронтєнда

От счастья упала буква. Next release!

уже вторая по счету

Подскажите, пожалуйста, есть массив объектов, когда я изменяю его (push), перерисовка происходит, все ок. Но если я меняю какой-то внутренний объект (хотя этот объект с обсервером), то перерисовка не происходит. Пробовал менять и руками, и через Vue.set - не получается (

лучшие 20 секунд описівающие мир фронтєнда

я сейчас пытаюсь стримить музыку аля интернет радио и мне кажется что шаг в сторону от вебни и полные руины. до сих пор закрытый анальный mp3, до сих пор я не могу просто импортнуть либу и скармливать ей стрим, айскаст/шуткаст из девяностых, а единственная нормальная имплементация потока которой не 5 лет о боже написана в 2016 на ноде

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

@enomad а что за имплементация на ноде?

можно ссылочку

?

браузеры правда подсерают тем что при интерпретации svg они тупо молчат. так же и тупо молчат с audio если там кривой поток

ща сек

https://github.com/innovate-technologies/Cast

я причем не знаю даже это такое трололо или нет

Слушайте а запись типа: mutations: { addautolist: (state, { list }) => state.allauto = list } если слушать линтер то не верна, так ли это?

я плохой человек - отключил линтер.

Слушайте а запись типа: mutations: { addautolist: (state, { list }) => state.allauto = list } если слушать линтер то не верна, так ли это?

а че говорит? Что менять аргументы зло?

Типа по феншую вот так: addautolist: (state, { list }) => (state.allauto = list) методом тыка правда.. ну ок

>я не могу просто импортнуть либу и скармливать ей стрим хотя есть подозрение что это умеет gstreamer

Слушайте а запись типа: mutations: { addautolist: (state, { list }) => state.allauto = list } если слушать линтер то не верна, так ли это?

верна конечно. а как вуекс работает?

у меня не ругается линтер

ну я вот официальный конфиг скачал, подключил, любуюсь крассными точками, наконецто в vue)

Типа по феншую вот так: addautolist: (state, { list }) => (state.allauto = list) методом тыка правда.. ну ок

addautolist(state, { list }) { state.allauto = list; }

@Fl0pZz а у тебя паг заработал как надо?

addautolist(state, { list }) { state.allauto = list; }

Я вот если в одну строку лю через стрелку писать, так читабельней имхо

Я вот если в одну строку лю через стрелку писать, так читабельней имхо

Имхо :)

Кто-нибудь поскажет? Как заставить реагировать рендер на изменения объекта в массиве, который передается как prop.

есть же все в доке https://vuejs.org/v2/guide/list.html#Array-Change-Detection

Дак у меня не мутация массива, а мутация объекта в массиве же.

Кто-нибудь поскажет? Как заставить реагировать рендер на изменения объекта в массиве, который передается как prop.

jsfidle давай

Кто-нибудь поскажет? Как заставить реагировать рендер на изменения объекта в массиве, который передается как prop.

watch поставь

watch на prop?

ша

watch на prop?

да

вот загуглил

И где ты загуглил? Тут watch на data стоит.

Кто-нибудь поскажет? Как заставить реагировать рендер на изменения объекта в массиве, который передается как prop.

ты хочешь изменить данные полученные в проперти внутри ребенка?

да

Не надо так. Либо делай копию, либо отсылай событие в родитель и там меняй

делать копию чего?

массива родителя?

Данных, которые ты получил через props. Но лучше второй вариант.

Так а что я могу отослать в родитель то? В родителе массив с объектами не изменилися никак.

Так а что я могу отослать в родитель то? В родителе массив с объектами не изменилися никак.

Давай так, что ты пытаешься сделать? Менять данные из ребенка в родителе - плохая практика.

App -> A(рендерит массив компонентов) -> B(получает элемент как проп)

И вот внутри App у меня есть ссылка на этот массив элементов, и там мне нужно изменить свойства какого-то элемента.

А почему в В данные должны меняться, если оно их только рендерит?

Однонаправленный поток данных, нет не слышал) Ты можеш получить элементт в B сделать его копию в дата и крутить хоть на приборе Или изменения отсылать эмитом в маму. Там меняется объект и тебе пропсом автоматом прилетит новый\

И вот внутри App у меня есть ссылка на этот массив элементов, и там мне нужно изменить свойства какого-то элемента.

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

да, даныне в App, т.к. использую Vue-stash

И вот внутри App у меня есть ссылка на этот массив элементов, и там мне нужно изменить свойства какого-то элемента.

логично, что если проп создаётся в родителе, то и менять его надо в родителе, а не в дочке

Всем салламалйкум!)

https://t.me/love_frontend_chat

тоже норм чат

да, даныне в App, т.к. использую Vue-stash

>Vue-stash Это что, стора для бедных?

Ага

зачем оно тебе?

Во вью данными рулит непосредственно родитель (обычно)

ERROR: S client not available

Ага

Если тебе надо бросить событие в родителя, то вполне хватает emit, если нужен глобальный стор, то vuex вроде как уже придуман :)

И то, Vuex давольно редко нужен.

вьюкс обычно нужен, когда либо косяки в архитектуре, либо застроенный ивент действительно глобален

App -> A(рендерит массив компонентов) -> B(получает элемент как проп)

Если ты хочешь передать компонент внутрь другого компонента, используй slot. "Тут вам не React" ©

Давайте проще, есть родитель А у которого есть в data массив обхектов, и он рендерит массив компонентов, которые получают каждый объект из этого массива, как prop.

Как мне поменять свойства конкретного объекта в родителе, чтобы перерисовался ребенок?

Как мне поменять свойства конкретного объекта в родителе, чтобы перерисовался ребенок?

отправить событие из ребенка в родитель и в родителе изменить данные

Где происходит событие изменения?

Как изменить массив?

Сделать полную копию массива с объектом?

Изменение происходит в родителе

Как изменить массив?

this.yourData[arrayIndex].myField = 'hello'

не перерерисуется ребенок

Что-то у тебя не так значит. Давай пример на фидл

Давно бы уже решили проблему. Ну не Ванги же здесь

https://jsfiddle.net/5k4ptmqg/48/

А вот ещё вопросик, я под vue переписываю старое приложение. Оно было на bootstrap и jquery. Ну верстку bootstrap я оставил без изменений, но увидел что всякие popup перестали работать. Даже не popup а такие подсказки, который rel="popover" data-original-title="" data-content= ... они видимо зависят от bootsrap,js который от jquery , всё это тихий ужас вроде б. и не нужно мне. Спасите, как такой popover сделать без jquery ?

подсказки это tooltip?

Директивой, наверное

ну такие, щелкаешь на них, там всплывающее окно

https://www.w3schools.com/bootstrap/bootstrap_popover.asp

http://element.eleme.io/#/en-US/component/tooltip

А, слоты, да))

https://www.w3schools.com/bootstrap/bootstrap_popover.asp

Ну как бы.. а что сложного написать своё?

Опять слоты?) Еще один в секте познавших дзен слотов)

http://element.eleme.io/#/en-US/component/tooltip

выглядит красиво

да че т я изначально не про то подумал

Тока неясно как подключать

я в этих ваших фронтендах могу тока по howto могу

я в этих ваших фронтендах могу тока по howto могу

это можно написать на чистом css

ну такие, щелкаешь на них, там всплывающее окно

https://www.iviewui.com/components/tooltip-en