Степан Кормилин

{
        path: '/movies',
        component: () => import(/* webpackChunkName: "movies" */ '@/views/Movies/Index.vue'),
        children: [
          {
            path: '',
            name: 'movies',
            component: () => import(/* webpackChunkName: "movies" */ '@/views/Movies/List.vue'),
          },
          {
            path: ':id(\\d+)',
            name: 'movies-item',
            props: ({ params }) => ({ id: +params.id }),
            component: () => import(/* webpackChunkName: "movies" */ '@/views/Movies/Item.vue'),
          },
        ],
      },

Index.vue

<template>
  <div :class="$options.name">
    <router-view />
  </div>
</template>

<script>
export default {
  name: 'view-movies',
};
</script>

<style lang="stylus" scoped></style>

List.vue
Тут выводишь свои items, для каждого лучше использовать отдельный компонент, в который прокидываешь объект с item и в котором в вычисляемых свойствах определяешь

linkTo() {
   return { name: 'movies-item', params: { id: /* тут id конкретного item */ } };
},

То есть в линке уже у тебя будет :to="linkTo"

Вставлю тоже 5 копеек) в замечательном браузере хром(мобильном) есть «замечательный» пункт меню «Полная версия»! Честно, если нет разделения на десктопную и мобильную, то изначально не рассчитанную на такой бзик адаптивку не весело пилить совсем.

Если нет большой разницы для бэка, юзай Django+Angular+Ionic)) А про битрикс правильно ответили)

Ну вот сколько я этих готовых решений не попробовал, почему-то так и не получилось реализовать, может всё дело было в особенностях бэкенда на django. Но каждый раз получал 400 ошибку. В итоге рабочая реализация получилась вот такой.

$scope.uploadFile = function(file, title){
            var fd = new FormData();

            fd.append('title', title);
            fd.append('image', file);
            fd.append('hotel', $scope.hotel.id);
            fd.append('is_primary', false);

            return $http({
                url: '/api/v2/hotels/image/',
                method: 'POST',
                data: fd,
                headers: { 'Content-Type': undefined },
                transformRequest: angular.identity,
                transformResponse: function (data) {
                    data = JSON.parse(data);
                    return data;
                }
            })
            .success(function(data){
                $scope.images.push(data);
            });
        };

Хм.. по-моему это бордер у кнопки просто под цвет и с прозрачностью левого блока?

То есть если я получаю какие-то данные от сервера, с которыми мне потом предстоит работать в разных вариациях, то чтобы каждый раз не грузить с сервера эти данные, можно использовать только localstorage?
К примеру у меня есть два списка, имеющих зависимость один от другого (отрасль и категория, к одной отрасли может относиться несколько категорий). Изначально я получаю json с массивом из двух объектов: 1. отрасли 2. категории (в каждой есть свойство - к какой отрасли она относится)
Дальше к примеру если я выбираю какую-то отрасль, то в списке категорий должны остаться только те, что относятся к этой отрасли. То есть я получаю id отрасли и пробегаюсь по массиву категорий, проверяю, если есть привязка к отрасли, то кладу категорию в массив $scope.tmpArray допустим. Далее $scope.category = $scope.tmpArray;
Это приводит к результату, который и нужен, категории обновляются в списке, лишние фильтруются. И в этом случае я $scope.category предварительно должен как-то сохранить (в localstorage?), либо при следующем выборе снова запрашивать полные данные с сервера, чтобы произвести всю процедуру фильтрации. Никак вот не пойму, как это правильно сделать.