Поищи где-нибудь тут https://angular.io/

V-model="input[id]"

Угу, верно говоришь

Спасибо за помощь

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

Ну сверстай Авито

Авито не будет против?

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

У vuejs очень хорошая документация. Я, человек, который хреново понимает именно документацию, и то все понял

Авито не будет против?

Допустим, в тодо лист есть две группы, в каждой из этих групп есть свои таски. Группы и таски рендерятся с помощью v-for. Мне нужно, что бы при клике на какой-либо тас, к нему применялся определенный стиль (это нужно для операции drag and drop). Я добавил к блоку с таском <div v-bind:class="{ active: isActive }"> </div> и по клику на обьект on:mousedown отслеживал id таски на которую был совершен клик. Изначально isActive = false, но на таске где был совершен клик оно isActive = true. Это все сработало, но проблема в том, что в каждой группе тасков, id тасков начинаются с 0, и соответственно пересекаются, поэтому isActive = true становится для всех тасков с одинаковым id. Как решить эту проблему?

Наверное так лучше не делать?

Допустим, в тодо лист есть две группы, в каждой из этих групп есть свои таски. Группы и таски рендерятся с помощью v-for. Мне нужно, что бы при клике на какой-либо тас, к нему применялся определенный стиль (это нужно для операции drag and drop). Я добавил к блоку с таском <div v-bind:class="{ active: isActive }"> </div> и по клику на обьект on:mousedown отслеживал id таски на которую был совершен клик. Изначально isActive = false, но на таске где был совершен клик оно isActive = true. Это все сработало, но проблема в том, что в каждой группе тасков, id тасков начинаются с 0, и соответственно пересекаются, поэтому isActive = true становится для всех тасков с одинаковым id. Как решить эту проблему?

А к нажатому таску нужно применить стиль, что бы можно было сделать анимацию

Есть два роутервью: <router-view> и <router-view name="second"> роутинг прописан, как root/foo/:fooid/bar/:barid где foo/:fooid это дефолтный роутервью, а root/bar/:barid это который name="second" всё работает, но при переходе из root/foo/:fooid в root/foo/:fooid/bar/:barid компонент отрисовывающий foo/:fooid пересоздаётся. дальше при смене :barid всё работает как надо и не пересоздаётся. Как победить пересоздание foo/:fooid ?

Вы как подходите к вопросу интернационализации SPA приложения, т.е. простыми словами переводу текстов GUI? мне в голову приходят два варианта, первый: key -> translation, определять тексты как label'ы аля "FIRST_PAGE_TITLE" в определённых пространствах имён и предоставлять к map'у ключей для каждого языка переводы в JSON файликах вротой: более сложный но довольно интересный: отсканировать исходники SPA на текстовые элементы, получить их расположение и по ним описать перевод. Этот вариант сложнее, но наверное точнее и удобнее в использовании а как вы считаете?

первый самый распространенный и проверенный временем

Почему пишет Cannot read property 'length' of undefined ?

разницу между стрелочной и не стрелочной функцией знаешь?

this там не тот

Нет, расскажи

у простой функции свой контекст(this), у стрелочной нет, юзай так () => {} и живи счастливо

у простой функции свой контекст(this), у стрелочной нет, юзай так () => {} и живи счастливо

откуда берет контекст стрелочная функция (спрашиваю, чтоб знать на будущее)?

чет все та же ошибка

ты должен создать контекст и в него поместить стрелочную функцию

Пример можешь?

showTitle() { // создали контект this. setInterval(() => { // тут свой контекст не нужен, поэтому используется стрелочная функция }, 200) }

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